데이터 실습 - Lodash 사용법

OROSY·2021년 4월 2일
0

JavaScript

목록 보기
39/53
post-thumbnail

Lodash 사용법

1. Lodash 문서 참고

https://lodash.com/
상기 홈페이지 주소로 들어가 documentaion을 클릭하면, Lodash의 여러가지 문법에 대해서 확인할 수 있는 문서가 있습니다.

2. Lodash의 유용한 메소드 예

2.1 uniqBy

_.uniqBy(A, B): 배열 데이터 내에 있는 중복 데이터를 제거하는 메소드
A: 중복 데이터를 제거할 배열 데이터
B: 중복을 구분할 고유한 속성의 이름

import _ from 'lodash'

const usersA = [
  { userId: '1', name: 'OROSY'},
  { userId: '2', name: 'Neo'}
]
const usersB = [
  { userId: '1', name: 'OROSY'},
  { userId: '3', name: 'Amy'}
]
const usersC = usersA.concat(usersB) // 두 배열 데이터 병합
console.log('concat', usersC)
console.log('uniqBy', _.uniqBy(usersC, 'userId'))
// { userId: '1', name: 'OROSY'} 중복된 데이터 1개 제거

2.2 unionBy

_.unionBy(A, B, C): 병합 전 중복이 발생할 배열 데이터를 고유하게 병합하는 메소드
A, B: 병합할 배열 데이터
C: 중복을 구분할 고유한 속성의 이름

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

console.log('unionBy', usersD)

2.3 find

_.find(A, B): 특정한 내용이 포함되어 있는 객체 데이터를 찾는 메소드
A: 배열 데이터의 이름
B: 찾아낼 객체 데이터의 내용

2.4 findIndex

_.findIndex(A, B): 특정한 내용이 포함되어 있는 객체 데이터의 인덱스를 찾는 메소드
A: 배열 데이터의 이름
B: 찾아낼 객체 데이터의 내용

import _ from 'lodash'

const users = [
  { userId: '1', name: 'OROSY'},
  { userId: '2', name: 'Neo'},
  { userId: '3', name: 'Amy'},
  { userId: '4', name: 'Evan'},
  { userId: '5', name: 'Lewis'}
]

const foundUser = _.find(users, { name: 'Amy' })
const foundUserIndex = _.findIndex(users, { name: 'Amy' })
console.log(foundUser) // 값: { userId: '3', name: 'Amy' }
console.log(foundUserIndex) // 값: 2 

2.5 remove

_.remove(A, B): 객체 데이터의 특정한 내용을 제거하는 메소드
A: 배열 데이터의 이름
B: 제거할 객체 데이터의 내용

_.remove(users, { name: 'OROSY' })
console.log(users) 
// 값: { userId: '2', name: 'Neo'},
//     { userId: '3', name: 'Amy'},
//     { userId: '4', name: 'Evan'},
//     { userId: '5', name: 'Lewis'}
profile
Life is a matter of a direction not a speed.

0개의 댓글