[JavaScript]중복 제거(feat. Set의 한계)

다음 배열 안에 있는 두 객체는 사실상 같다고 볼 수 있습니다.

const array = [
  {
    name: "kim",
    age: 33,
  },
  {
    age: 33,
    name: "kim",
  },
];

프로퍼티의 순서만 다를 뿐이지 프로퍼티의 이름과 데이터가 같기 때문입니다.

Set을 이용한 중복 제거가 되지 않습니다.

const array = [
  {
    name: "kim",
    age: 33,
  },
  {
    age: 33,
    name: "kim",
  },
];
console.log(new Set(array)); // Set(2) { { name: 'kim', age: 33 }, { age: 33, name: 'kim' } }

배열의 findIndex 함수는 판별함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다.

이 특징을 활용하면 프로퍼티 순서가 달라도 실질적으로 같은 데이터의 중복 제거를 할 수 있습니다.

const array = [
  {
    name: "kim",
    age: 33,
  },
  {
    age: 33,
    name: "kim",
  },
];
const newArry = array.filter(
  (value, index, self) =>
    index === self.findIndex((e) => value.name == e.name && value.age === e.age)
);
console.log(newArry); // [ { name: 'kim', age: 33 } ]