몽땅뚝딱 개발자

[Vue.js/라이브러리] lodash 사용해보기(2) - Array 본문

Development/Vue.js

[Vue.js/라이브러리] lodash 사용해보기(2) - Array

레오나르도 다빈츠 2021. 7. 21. 16:47

출처

 

Lodash Documentation

_(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti

lodash.com

 


 

◽ _.initial(array)

배열의 마지막 요소를 제외한 모든 요소를 가져온다.

let array = ['a', 'b', 'c', 'd'];
_.initial(array);

// => ['a', 'b', 'c']

 

 

◽ _.intersection([arrays])

첫번째 배열을 기준으로, 모든 배열에 포함된 고유 값의 배열을 만든다.

_.intersection([2, 1], [2, 3]);
// => [2]

 

 

◽ _.intersectionBy([arrays], [intertee=_.identity])

첫번째 배열을 기준으로 기준에 맞는 값을 배열로 만든다.

_.intersectionBy([2.1, 1.2], [2.3, 3.4], Math.floor);
// => [2.1]

_.intersectionBy([{'x': 1}], [{'x': 2}, {'x': 1}], 'x');
// => [{'x': 1}]

 

 

◽ _.intersectionWith([arrays], [comparator])

let array1 = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];
let array2 = [{ 'x': 1, 'y': 1 }, { 'x': 1, 'y': 2 }];
 
_.intersectionWith(array1, array2, _.isEqual);
// => [{ 'x': 1, 'y': 2 }]

 

 

◽ _.join(array, [seperator=','])

배열의 요소들을 지정한 seperator로 나누어 반환한다.

_.join(['a', 'b', 'c'], '=');
// => 'a=b=c'

 

 

◽ _.last(array)

배열의 가장 마지막값을 반환한다.

_.last([1, 2, 3]);
// => 3

 

 

◽ _.lastIndexOf(array, value, [fromIndex=array.length-1])

배열의 뒤에서부터 값을 검색하여 index를 반환한다. 시작점을 지정할 수 있다.

_.lastIndexOf([1, 2, 1, 2], 2);
// => 3

// 배열의 2번째 index부터 시작하여 뒤에서부터 '2'라는 값을 찾는다.
_.lastIndexOf([1, 2, 1, 2], 2, 2);
// => 1

 

 

◽ _.nth(array, [n=0])

배열의 n번째에 있는 요소를 가져온다.

let array = ['a', 'b', 'c', 'd'];

_.nth(array, 1);
// => 'b'

_.nth(array, -2);
// => 'c'

 

 

◽ _.pull(array, [values])

배열에서 해당 값을 제거한다.

let array = ['a', 'b', 'c', 'a', 'b', 'c'];
_.pull(array, 'a', 'c');
// => ['b', 'b']

 

 

◽ _.pullAll(array, values)

.pull에서 제거할 값을 배열로 작성하는 점이 다르다.

let array = ['a', 'b', 'c', 'a', 'b', 'c'];
_.pullAll(array, ['a', 'c']);
// => ['b', 'b']

 

 

◽ _.pullAllBy(array, values, [iteratee=_.identity])

== 추후 정리하기

 

 

◽ _.pullAllWith(array, values, [comparator])

let array = [{'x': 1, 'y': 2}, {'x': 3, 'y': 4}, {'x': 5, 'y': 6}];
_.pullAllWith(array, [{'x': 3, 'y': 4}], _.isEqual);
console.log(array);
// => {'x': 1, 'y': 2}, {'x': 5, 'y': 6}

 

 

◽ _.pullAt(array, [indexes])

let array = ['a', 's', 'd', 'f'];
let pulled = _.pullAt(array, [1, 3]);

console.log(array);
// => ['a', 'd']

console.log(pulled);
// => ['s', 'f']

 

 

◽ _.remove(array, [predicate=_.identity])

두번째 파라미터에 작성된 기준에 맞는 값을 지운다.

 

 

◽ _.reverse(array)

배열의 순서를 역으로 바꾼다.

 

 

◽ _.slice(array, [start=0], [end=array.length])

배열을 원하는 인덱스로 자른다.

 

 

◽ _.sortedIndex(array, value)

정렬 순서 상 두번째 파라미터가 있을 인덱스를 반환한다.

_.sortedIndex([30, 50], 40);
// => 1

 

 

◽ _.sortedIndexBy(array)

== 추후 정리하기

 

 

◽ _.sortedIndexOf(array)

이진 검색을 수행한다는 점을 제외하고 '_.indexOf'와 동일하다.

 

 

◽ _.sortedLastIndex(array)

정렬 순서 상 두번째 파라미터가 있을 인덱스를 가장 마지막부터 찾아 반환한다.

_.sortedIndex([30, 50, 60], 40);
// => 2

 

 

◽ _.sortedLastIndexBy(array)

== 추후 정리하기

 

 

◽ _.sortedLastIndexOf(array)

== 추후 정리하기

 

 

 

 


개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

 

 

Comments