JavaScript에서 중복 제거 및 배열 매핑

다음과 같은 객체 배열이 있다고 가정해 보겠습니다. -

const arr = [
   {id:123, value:"value1", name:"Name1"},
   {id:124, value:"value2", name:"Name1"},
   {id:125, value:"value3", name:"Name2"},
   {id:126, value:"value4", name:"Name2"}
];

배열 내 개체의 "이름" 속성 중 일부는 중복됩니다.

우리는 그러한 객체 배열 중 하나를 취하는 JavaScript 함수를 작성해야 합니다. 그런 다음 함수는 배열에서 고유한 "이름" 속성 값만 포함하는 문자열의 새 배열을 생성해야 합니다.

따라서 위의 입력에 대한 출력은 다음과 같아야 합니다. -

const output = ["Name1", "Name2"];

예시

이에 대한 코드는 -

const arr = [
   {id:123, value:"value1", name:"Name1"},
   {id:124, value:"value2", name:"Name1"},
   {id:125, value:"value3", name:"Name2"},
   {id:126, value:"value4", name:"Name2"}
];
const pickNames = (arr = []) =>{
   const res = [];
   for (let i = arr.length; i−−;){
      if (res.indexOf(arr[i].name) < 0) {
         res.push(arr[i].name);
      };
   }
   return res;
};
console.log(pickNames(arr));

출력

콘솔의 출력은 -

[ 'Name2', 'Name1' ]