> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 객체 배열을 배열로 변환하는 방법은 무엇입니까?

JavaScript를 사용하여 객체 배열을 배열로 변환하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-09-22 11:29:02
앞으로
1542명이 탐색했습니다.

如何使用 JavaScript 将 Object 数组转换为数组?

Object.values() 메서드, Array puch() 메서드 및 for...of 루프를 사용하여 Object 배열을 JavaScript 배열로 변환할 수 있습니다. 먼저 for...of를 사용하여 각 객체를 반복한 다음 Object.values() 메서드를 적용하여 단일 객체의 값에 액세스합니다. 그런 다음 Array Push() 메서드를 사용하여 값을 배열에 추가합니다. 이번 글에서는 이 방법을 자세히 다루겠습니다.

문제를 이해하기 위해 예를 살펴보겠습니다.

객체 배열이 주어졌고 작업은 객체 배열을 객체 값 배열로 변환하는 것입니다. 다음은 우리가 달성하고자 하는 것의 예입니다.

주어진 객체 배열 -

으아악

는 -

로 변환되어야 합니다. 으아악

이를 달성하는 방법에는 여러 가지가 있습니다. 그 중 일부는 -

  • for...of 루프에 사용

  • array.map 방법을 사용하세요

for...of 루프 사용

for...of 루프는 배열이나 반복 가능한 객체의 값을 반복하는 데 사용됩니다. for...of 루프를 사용하여 객체 배열을 배열로 변환하려면 다음 단계를 사용합니다.

단계

  • 결과 값을 저장할 빈 공간을 만듭니다.

  • for...of를 사용하여 객체 배열을 반복합니다

  • 우리는 배열의 항목이 우리가 원하는 값을 가진 객체라는 것을 알고 있습니다.

  • array.push 및 Object.values() 메서드를 통해 현재 객체의 값을 빈 배열로 푸시합니다.

이 예에는 객체 배열이 있습니다. 이러한 객체에는 이름과 자동차 모드가 포함되어 있습니다. for..of 루프를 사용하여 이 값을 추출하고 단일 배열에 할당합니다.

으아악

Array.map() 메소드 사용

Array.map() 메서드는 배열의 각 요소에 대해 함수를 호출하고 새 배열을 반환합니다. Array.map() 메서드를 사용하여 객체 배열을 배열로 변환하려면 다음 단계를 사용합니다.

  • 객체 배열에 맵 메소드를 적용합니다.

  • 각 반복 후에 추출하려는 키의 값을 반환합니다.

  • 특정 키에 대한 모든 값의 배열을 얻게 됩니다.

이 예에는 객체 배열이 있습니다. 이러한 객체에는 이름과 자동차 모드가 포함되어 있습니다. 모든 자동차를 별도의 배열로 추출하고 모든 이름을 별도의 배열로 추출합니다.

으으으으

위 내용은 JavaScript를 사용하여 객체 배열을 배열로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿