본문 바로가기

Other efforts/Presentation

Lodash PT 정리

반응형

[ 정의 ]


- javascript 라이브러리 중 주간 다운로드 수가 가장 많은 라이브러리
- Array, Collection 등 데이터의 필수적인 구조를 쉽게 다룰 수 있게 하는 데 사용하며, 

  핸들링 과정을 통해 코드를 줄여 빠른 작업에 도움이 된다 

 

[ 사용하는 이유 ]

 

- 브라우저에서 지원하지 않는 성능이 보장되어 있는 다양한 메소드를 가지고 있다 

- npm이나 기타 패키지 매니저를 통해 쉽게 사용 가능하다 

 

[ IOT 플젝 사용한 곳 ]

  • _.isEmpty : 빈 값인지 체크 후 boolean 타입 반환

* 주의 : 숫자 타입과 boolean 타입은 isEmpty 메서드를 사용했을 때 무조건적인 True 반환 

           여러 개의 값을 가지는 타입을 목적으로 만들어졌다고 생각이 들고, 숫자나 boolean 타입은 판별 불가능

  • _. assign : 뒤에 값으로 앞에 값 덮어쓰기 -> IOT 플젝에서는 엔*에서 받아 온 최신 Data들로 이전 Data를 덮어쓰기 위해 많이 사용함

  • _. forEach : Java에서 사용했던 것과 동일한 반복문 method / 역순으로 반복문을 돌리고 싶으면._forEachRight 사용
  • _. mapkeys : Key/Object로 매핑시켜준다
  • _. camelCase : 카멜 케이스 형식으로 바꿔준다

 

 

[ Array ]

  • findIndex() - 배열 내에서 원하는 index를 쉽게 구할 수 있다 
  • flatten() - 다차원 배열 내의 요소를 출력하는데 편리하다 
  • remove() - 배열 내의 조건에 맞는 요소들을 제거한 후 반환해줍니다 
  • head() - 배열에서 첫 번째 요소를 가져온다
  • last() - 배열에서 마지막 요소를 가져온다 
  • sample() - 배열 안의 값들을 랜덤으로 가져온다 
  • join() - 배열 요소끼리 연결하고 싶은 것과 연결할 수 있다 

 

[ Collection ]

  • every() - 배열 안 요소들의 값들을 비교하고 분석하는데 용이하다 
  • find() - 조건을 만족하는 컬렉션에서의 첫 번째 요소를 찾는 메서드이다
  • filter() - 특정 조건을 만족하는 모든 요소를 추출하는 메서드이다 
  • map() - 계산 결과 배열 함수를 실행하고 그 결과를 배열로 반환한다. key값을 입력할 경우 해당 key값들만 간추려서 반환한다
  • forEach() - 배열의 값마다 함수를 실행시킬 때 용이하게 사용된다 
  • includes() - 해당 collection에 target값이 있는지 판별해준다 

 

헷갈린 부분

* 대부분의 method들이 직관적이기 때문에, 단어만 알아도 쉽게 이해가 가능하다 또한, 공식문서도 유형별로 정리가 잘 되어 있어서 편리하게 사용할 것 같다 

 

반응형

'Other efforts > Presentation' 카테고리의 다른 글

MongoDB PT  (0) 2022.01.12
Lodash 발표  (0) 2022.01.06
아이들 미래 재단 소스 분석 및 발표 준비  (0) 2021.12.14