Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 자바스크립트 알고리즘 문제
- 자바스크립트 알고리즘
- 자바스크립트
- 타입스크립트
- leetcode문제풀이
- next13
- react
- 자바스크립트 문제풀이
- 리액트쿼리
- Baekjoon
- HTML
- 프로그래머스
- 자바스크립트 문제 풀이
- 프론트엔드
- Next.js13
- lodash
- leetcode
- 리액트
- NPM
- JS
- 알고리즘문제풀이
- CSS
- 자바스크립트 연결리스트
- 자바스크립트코딩테스트
- 자바스크립트 문제
- JavaScript
- 제로베이스
- til
- stack문제
- Next
Archives
- Today
- Total
코드노트
lodash _ uniqBy, unionBy 알아보기 본문
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 메소드를 통해서 첫번째 인수, 두번째 인수는 합칠 데이터, 세번째 인수는 구분할 속성을 넣는다.
'Code note > 자바스크립트' 카테고리의 다른 글
JSON(JavaScript Object Notation) 알아보기 (0) | 2022.06.08 |
---|---|
lodash find, findIndex, romove 알아보기 (0) | 2022.06.08 |
javascript 가져오기, 내보내기 (0) | 2022.06.08 |
js 데이터 알아보기 / 얕은복사(Sallow copy), 깊은복사(Deep copy) (0) | 2022.06.06 |
js 데이터 알아보기 / 전개 연산자 (0) | 2022.06.01 |