[JavaScript] lodash

 

🚀 lodash란?

이 친구는 JavaScript의 인기 있는 Library중에 하나 인 것이에요.
보통의 경우 Array, Collection, data 등 Data의 필수적인 구조를 쉽게 다룰 수 있게 해주는데 사용하는 것이에요.
JavaScript에서 배열 안에 객체들의 값을 handling(배열, 객체 및 문자열 반복 / 복합적인 함수 생성)할 때 유용한 것이에요. 이러한 점으로 인해 JavaScript의 코드를 줄여주고, 빠른 작업에 도움을 주는 친구랍니다.

특히 Front End 환경에서 많이 이용하고 있는 것이에요.

`_.(변수명)`과 같은식으로 작성할 경우 lodash Wrapper로 변수를 감싸게 되면서 해당 변수에 대한 chaining을 시작하는 것이에요. `_` 기호를 이용해서 사용되기 때문에 명칭 또한 Lodash가 된 것이랍니다.

그 외에 lodash를 이용하는 이유는 아래와 같은 것이에요.

► 브라우저에서 지원하지 않는 성능이 보장 되어 있는 다양한 Method 보유.
► 성능 측면에서 Native 보다 더 나은 성능.
► npm, 기타 Package Manager를 통해 쉽게 설치 및 이용 가능

 

 

 

🚀  lodash Method

    🔽  ceil

`_.ceil()`은 첫번째 인자값을 두 번째 인자값(정밀도)로 반올림하는데 이용이 되는 것이에요.

   ● 첫번째 매개 변수 : 숫자(number) - 반올림할 숫자
   ● 두번째 매개 변수 : [1968 = 0] 반올림할 정밀도

반환 값은 반올림된 숫자를 반환하는 것이에요.

만약 매개변수가 하나만 들어온다면 소수점을 올려 정수로 반환 한답니다.

 

예시 코드

// Requiring the lodash library  
const _ = require("lodash"); 
   
// Use of _.ceil() method 
let gfg = _.ceil(2.4);
         
// Printing the output  
console.log(gfg)

 

출력 결과

3

 

 

 

 

    🔽  range

이 친구는 범위를 지정할 때 사용되는 친구인 것이에요.

   ● 첫번째 매개 변수 : 시작 값 (숫자)
   ● 두번째 매개 변수 : 종료 값 (숫자)
   ● 세번째 매개 변수 : 구간 값 (숫자)

반응형

예시 코드

//_.range([start], stop, [step]) 
_.range(10); 
=> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] 

_.range(1, 11); 
=> [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] 

_.range(0, 30, 5); 
=> [0, 5, 10, 15, 20, 25] 

_.range(0, -10, -1); 
=> [0, -1, -2, -3, -4, -5, -6, -7, -8, -9] 

_.range(0); => []