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

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

WBOY
WBOY앞으로
2023-09-22 11:29:021495검색

如何使用 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으로 문의하시기 바랍니다. 삭제