Object List를 lodash uniqBy로 간단하게 중복 제거하기 (feat. react)

list 내 object 형태로 된 데이터의 중복을 제거하기 위해 lodash를 사용해보자.

 

테스트 환경

npm,  react

 

npm 환경

lodash 설치

npm i lodash

 
 

object list 중복 제거

// imports
import { uniqBy } from "lodash";

...

// 데이터 설정
const datas = [
    {
    	value1: 1,
    	value2: 'react',
    	value3: 'v1',
        ...
    },
	{
    	value1: 2,
    	value2: 'vue',
    	value3: 'v2',
        ...
    },
	{
    	value1: 3,
    	value2: 'python',
    	value3: 'v3',
        ...
    },
	{
    	value1: 1,
    	value2: 'react',
    	value3: 'v4',
        ...
    },
    ...
]

...

// 데이터 중복 확인
console.log(uniqBy(datas.map(({ value1, value2 }) => ({ value1, value2 })), "value1"));

 
 

데이터 확인

[
    {
    	value1: 1,
    	value2: 'react'
    },
	{
    	value1: 2,
    	value2: 'vue'
    },
	{
    	value1: 3,
    	value2: 'python'
    }
]