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

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

객체 배열이 주어지면 특정 객체의 고유한 값만 포함하는 새 배열을 추출하는 것이 작업입니다. 재산. 예를 들어 다음 배열을 고려해 보세요.

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

이 배열에서 고유한 연령을 포함하는 배열을 얻는 것이 목표이며 그 결과는 다음과 같습니다.

[17, 35]

반복 솔루션

간단한 접근 방식은 배열의 개체를 반복하고 각 개체의 나이가 결과 배열에 있는지 확인하는 것입니다. 그렇지 않은 경우 나이가 결과 배열에 추가됩니다. 이 접근 방식은 기능적이지만 여러 반복 및 비교에 의존하기 때문에 비효율적입니다.

var distinct = []
for (var i = 0; i < array.length; i++)
    if (array[i].age not in distinct)
        distinct.push(array[i].age)

ES6 Set을 사용하여 최적화된 솔루션

보다 효율적인 처리를 위해 ES6 /ES2015는 고유한 값을 저장할 수 있는 Set 데이터 구조를 제공합니다. 이를 활용하는 방법은 다음과 같습니다.

const data = [
  { "group": 'A', "name": 'SD' }, 
  { "group": 'B', "name": 'FI' }, 
  { "group": 'A', "name": 'MM' },
  { "group": 'B', "name": 'CO'}
];

const unique = [...new Set(data.map(item => item.group))]; // [ 'A', 'B']

객체 배열을 원하는 속성 값의 배열에 매핑하고 그로부터 Set을 생성하여 중복 값을 제거합니다. 그런 다음 스프레드 연산자(...)를 사용하여 Set을 다시 배열로 변환하면 원하는 결과가 생성됩니다.

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