>웹 프론트엔드 >JS 튜토리얼 >특정 속성을 기반으로 객체 배열의 중복을 효율적으로 제거하는 방법은 무엇입니까?

특정 속성을 기반으로 객체 배열의 중복을 효율적으로 제거하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2025-01-01 04:16:111018검색

How to Efficiently Deduplicate Arrays of Objects Based on Specific Properties?

객체 배열의 효율적인 중복 제거

배열에서 중복 객체를 제거하는 것은 데이터 무결성과 성능 최적화에 매우 중요할 수 있습니다. 이 기사에서는 객체가 포함된 배열에서 중복 항목을 제거하는 효과적인 방법을 살펴봅니다.

문제:

중첩된 객체 배열이 있는 객체를 생각해 보세요. 목표는 "장소" 및 "이름" 속성을 기반으로 중복 개체를 제거하는 것입니다.

obj = {};

obj.arr = new Array();

obj.arr.push({place: "here", name: "stuff"});
obj.arr.push({place: "there", name: "morestuff"});
obj.arr.push({place: "there", name: "morestuff"});

해결책:

방법 1: ES6 필터링 Array.filter 및 Array.findIndex

obj.arr = obj.arr.filter((value, index, self) =>
  index === self.findIndex((t) =>
    t.place === value.place && t.name === value.name
  )
);

이 방법은 Array.filter 및 Array.findIndex를 활용하여 배열을 반복하고 중복 항목을 식별합니다. 두 속성을 모두 유지하면서 고유한 개체만 반환합니다.

방법 2: JSON.stringify를 사용한 일반 솔루션

const uniqueArray = obj.arr.filter((value, index) => {
  const _value = JSON.stringify(value);
  return index === obj.arr.findIndex((obj) => {
    return JSON.stringify(obj) === _value;
  });
});

이 접근 방식은 개체의 JSON 표현을 다음과 비교합니다. 중복을 감지합니다. 이는 모든 속성 구조의 객체를 수용할 수 있는 일반적인 솔루션입니다.

방법 3: 사용자 정의 속성 동일성 비교 사용

const isPropValuesEqual = (subject, target, propNames) =>
  propNames.every((propName) => subject[propName] === target[propName]);

const getUniqueItemsByProperties = (items, propNames) =>
  items.filter((item, index, array) =>
    index === array.findIndex((foundItem) => isPropValuesEqual(foundItem, item, propNames))
  );

이 방법을 사용하면 보다 맞춤화된 속성 비교가 가능합니다. . 콜백 함수를 사용하여 속성 동일성을 확인하고 지정된 속성을 기반으로 고유한 개체 집합을 반환합니다.

설명:

중복 제거의 핵심은 중복 항목을 찾고 결과에서 제외합니다. findIndex 기능은 특정 속성을 가진 객체의 첫 번째 인스턴스를 식별하는 데 도움이 되며, 필터는 이후에 발생하는 중복 항목을 제거합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.