JavaScript의 객체 배열에서 속성 값을 배열로 효율적으로 추출하는 방법은 무엇입니까?

객체 배열에서 속성 값을 배열로 추출하는 방법

JavaScript에서는 추출이 필요한 상황이 발생할 수 있습니다. 배열에 있는 각 객체의 특정 속성 값. 이를 수행하는 한 가지 방법은 아래와 같이 사용자 정의 함수를 사용하는 것입니다.

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

function getFields(input, field) {
  const output = [];
  for (let i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

const result = getFields(objArray, "foo"); // returns [ 1, 3, 5 ]

그러나 JavaScript의 배열 방법을 사용하는 더 간결하고 관용적인 접근 방식이 있습니다.

1. Array.prototype.map():

   이 메서드는 호출 배열의 모든 요소에 대해 제공된 함수를 호출한 결과가 포함된 새 배열입니다. 사용 사례:

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

2. Array.prototype.map() with Destructuring:

   맵 기능 내에서 Destructuring을 사용하면 다음을 수행할 수 있습니다. 특정 속성을 더 추출하려면 간결하게:

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

이러한 방법은 사용자 정의 함수 없이도 속성 값을 추출하는 더 깔끔하고 효율적인 방법을 제공합니다.

위 내용은 JavaScript의 객체 배열에서 속성 값을 배열로 효율적으로 추출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!