[JS] Lodash

Lodash 란 ?

lodash는 JavaScript의 인기있는 라이브러리 중 하나입니다.

lodash는 공식문서에 모듈성, 성능 등을 제공하는 모던 자바스크립트 유틸리티 라이브러리로써 array, object, string 등의 데이터를 쉽게 다룰 수 있도록 도와준다고 소개하고 있습니다.

이러한 점으로 인해 JavaScript의 코드를 줄여주고, 빠른 작업에 도움이 됩니다. 특히 frontend 환경에서 많이 쓰입니다.
ㅡ. (변수) 이런식으로 작성할 경우 lodash wrapper로 변수를 감싸게 되면서 해당 변수에 대한 chaining을 시작합니다.
_ 라는 기호를 이용해서 사용하기 때문에 명칭 또한 lodash가 된 것이죠.

Array

fill()
입력받은 Array에 value 를 채워넣는 메소드
_.fill(array, value, [start=0], [end=array.length])

  • start , end : optional ( default : 0 ~ array.length )

findIndex()
조건을 만족하는 데이터의 첫 번째 인덱스를 반환하는 메소드
.findIndex(array, [predicate=.identity], [fromIndex=0])

var myFriend = [
 {name:'kys',job:'developer',age:27},
 {name:'cys',job:'webtoons man',age:27},
 {name:'yhs',job:'florist',age:26},
 {name:'chj',job:'nonghyup man',age:27},
 {name:'ghh',job:'coffee man',age:27},
 {name:'ldh',job:'kangaroo father',age:27},
 {name:'hsy',job:'monk',age:27},
];

// 콜백함수를 통해 나이가 26인 객체가 처음으로 나오는 index 반환
_.findIndex(myFriend, function(friend) {
  return friend.age === 26;
});
// -> 2

// 처음 일치하는 object의 index 값을 반환합니다.
_.findIndex(myFriend, { name: 'cys', job:'webtoons man',age: 27 });
// -> 1

// 나이가 26인 객체가 처음으로 나오는 index 반환
_.findIndex(myFriend, age: 27);
// → 0

remove()
조건에 맞는 요소들을 제거한 후 반환해줍니다.
_.remove(array, [predicate=.identity], [thisArg])

var array=[1,2,3,4];

var evens=remove(array,function(n){
   return n%2==0;
});

console.log(array);
//-> [1,3]

console.log(evens);
//-> [2,4]

좋은 웹페이지 즐겨찾기