코드노트

lodash _ uniqBy, unionBy 알아보기 본문

Code note/자바스크립트

lodash _ uniqBy, unionBy 알아보기

코드노트 2022. 6. 8. 22:14
import _ from 'lodash';

const usersA = [
  { userId: '1', name: 'code' },
  { userId: '2', name: 'note' }
];
const usersB = [
  { userId: '1', name: 'code' },
  { userId: '3', name: 'note' }
];
const usersC = usersA.concat(usersB);
console.log('concat', usersC);
console.log('uniqBy', _.uniqBy(usersC, 'userId'));

_.uniqBy

중복된 데이터를 정리하여 고유한 값만 호출할 수 있다.

배열데이터가 하나일 떄 사용!

 

- concat으로 새로운 배열데이터를 만들었으면 중복되는 데이터도 같이 나오는 걸 볼 수 있다. (id는 고유하다고 가정)

- _.uniqBy 메소드를 통해서 첫번째 인수는 중복된 데이터가 들어있는 배열데이터, 두번째 인수는 중복을 구분할 속성을 넣는다.

 

const usersD = _.unionBy(usersA, usersB, 'userId');
console.log('unionBy', usersD);

_.unionBy

배열을 합쳐서 고유한 값만 호출한다.

배열데이터가 여러개일 때 사용!

- _.uniqBy 메소드를 통해서 첫번째 인수, 두번째 인수는 합칠 데이터, 세번째 인수는 구분할 속성을 넣는다.