Vue.js/Way Home

[5주차] TypeScript로 객체 배열 중복 제거 구현하기

Judith Hopps 2022. 10. 11. 16:06
반응형

문제점 : 카테고리 첫 번째 select문에서 같은 데이터값이 나열되고 있다. 

 

해결 방법 :

const removeDuplicates = (array: Array<any>, key: string) => {
  return array.reduce((arr, item) => {
    const removed = arr.filter((i: any) => i[key] !== item[key]);
    return [...removed, item];
  }, []);
};
const high: highway[] = removeDuplicates(highwayList, 'routeNm');
 
routeNm 값이 중복되면 객체 value를 제거하게 작성했다.

참고 사이트 : 

https://ko.code-paper.com/javascript/examples-remove-duplicates-from-array-of-objects-typescript-based-on-property

 

속성에 따라 객체 배열 typescript 에서 중복 제거 - Javascript 샘플 코드

이 카테고리에서 인기 카테고리에 예제가 포함 된 인기있는 페이지

ko.code-paper.com

 

반응형