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 메소드를 통해서 첫번째 인수, 두번째 인수는 합칠 데이터, 세번째 인수는 구분할 속성을 넣는다.