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

네이티브 JavaScript를 사용하여 객체 배열에서 값 추출

객체 배열에서 특정 속성 값을 추출하는 문제는 JavaScript 개발에서 자주 발생합니다. . 간단한 접근 방식에는 사용자 정의 함수를 사용하여 반복하고 원하는 필드를 얻는 것이 포함되지만 기본 JavaScript에는 더 우아하고 효율적인 방법이 있습니다.

이 작업을 단순화하는 한 가지 접근 방식은 다음에서 map() 메서드를 활용하는 것입니다. 원래 배열. 이 메서드는 지정된 함수를 사용하여 소스 배열의 각 요소를 변환하여 새 배열을 만듭니다. 이 경우 변환 함수는 특정 필드를 추출하는 화살표 함수로 정의할 수 있습니다.

예를 들어 다음과 같은 객체 배열이 있는 경우

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

"foo" 속성의 값은 다음과 같습니다.

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

이 결과는 출력:

[ 1, 3, 5 ]

대체 접근 방식은 map() 메서드와 함께 구조 분해 구문을 사용하는 것입니다.

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

이 두 메서드 모두 값을 추출하는 간결하고 관용적인 방법을 제공합니다. 사용자 정의 유틸리티 함수가 필요 없이 객체 배열에서 가져옵니다. 또한 Array.prototype.map() 문서를 탐색하여 더 자세한 정보를 얻을 수 있습니다.

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