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

JavaScript의 객체 배열에서 고유한 값을 효율적으로 추출

JavaScript에서는 객체 배열에서 고유한 값을 얻는 것이 일반적일 수 있습니다. 일. 다음 시나리오를 고려하십시오.

var array = [
  { name: "Joe", age: 17 },
  { name: "Bob", age: 17 },
  { name: "Carl", age: 35 }
];

// Desired Result: [17, 35]

이 결과를 얻기 위한 한 가지 접근 방식은 배열을 반복하고 별도의 배열을 유지하여 고유한 값을 저장하는 것입니다. 그러나 이 방법은 특히 대규모 배열의 경우 비효율적일 수 있습니다.

ES6/ES2015 이상에서 사용할 수 있는 대체 접근 방식은 Set 데이터 구조를 활용합니다. 세트는 고유한 값 컬렉션을 제공하므로 객체의 원하는 속성 배열에서 새 세트를 생성할 수 있습니다.

const uniqueAges = [...new Set(array.map(item => item.age))];

이 명령문은 map() 함수를 사용하여 배열을 반복하여 age 속성을 추출합니다. 각 개체에서. 그런 다음 새로운 Set() 생성자를 사용하여 추출된 값에서 Set을 만듭니다. 마지막으로 확산 연산자(...)를 사용하여 Set를 배열로 확산하여 원하는 고유 연령 목록([17, 35])을 얻습니다.

이 접근 방식은 반복 방식에 비해 상당한 성능 이점을 제공합니다. 특히 대규모 데이터 세트의 경우 방법입니다. 추가 데이터 구조가 필요하지 않으며 필요한 반복 횟수가 최소화됩니다.

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