JavaScript에서 속성 값을 배열로 효율적으로 추출하려면 어떻게 해야 합니까?

JavaScript에서 속성 값을 배열로 추출

JavaScript에서는 객체 배열로 작업하는 것이 일반적인 시나리오입니다. 자주 수행되는 작업은 각 개체에서 특정 속성 값을 추출하고 해당 값을 포함하는 배열을 만드는 것입니다. 사용자 정의 함수가 이를 수행할 수 있지만 더 우아하고 관용적인 접근 방식이 있습니다.

원래 질문

특정 구조의 객체 배열이 주어지면 목표는 각 객체에서 필드(속성)를 추출하는 것입니다. 객체를 생성하고 해당 값을 포함하는 배열을 반환합니다. 예를 들어, "foo" 필드를 추출하면 다음 객체 배열에서 [1, 3, 5] 배열이 생성되어야 합니다.

objArray = [ { foo: 1, bar: 2}, { foo: 3, bar: 4}, { foo: 5, bar: 6} ];

Idiomatic Solutions

기존 for 루프를 사용하는 대신 푸시 접근 방식을 사용하려면 다음과 같은 관용적 솔루션을 고려하세요.

방법 1: Arrow를 사용한 Array.map() 함수

let result = objArray.map(a => a.foo);

방법 2: Array.map() with Object Destructuring

let result = objArray.map(({ foo }) => foo);

함수 설명

두 방법 모두 활용 제공된 콜백을 사용하여 배열의 각 요소를 변환하는 Array.prototype.map() 메서드 기능. 우리의 경우 콜백 함수는 각 객체에서 지정된 필드("foo")를 추출합니다. map() 함수는 변환된 요소가 포함된 새 배열을 반환한 다음 결과 변수에 할당됩니다.

Array.map() 참조

Array.prototype에 대한 자세한 내용을 확인하세요. map(), MDN(Mozilla 개발자 네트워크)을 참조하세요. 문서:
[https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map](https://developer.mozilla.org/en-US/docs /웹/JavaScript/참조/Global_Objects/배열/맵)

위 내용은 JavaScript에서 속성 값을 배열로 효율적으로 추출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!