일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- TSDoc
- 타입좁히기
- typescript
- vue.js
- 2022
- react
- reactjs
- 폰트적용하기
- React Native
- 제네릭
- 커스텀
- React.js
- 누구나 자료구조와 알고리즘
- const 단언문
- Chart.js
- returnType
- 공통컴포넌트
- CSS
- 티스토리꾸미기
- utilty type
- 개발콘텐츠
- javascript
- 반복줄이기
- 타입스크립트
- 레이아웃쪼개기
- NonNullable
- click and drag
- 리액트
- JS console
- 성능최적화
- Today
- Total
몽땅뚝딱 개발자
[Vue.js/라이브러리] lodash 사용해보기(2) - Array 본문
출처
◽ _.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)
== 추후 정리하기
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > Vue.js' 카테고리의 다른 글
[Vue.js/라이브러리] lodash 사용해보기(4) - Collection (0) | 2021.07.24 |
---|---|
[Vue.js/라이브러리] lodash 사용해보기(3) - Array (0) | 2021.07.22 |
[Vue.js/라이브러리] lodash 사용해보기(1) - Array (0) | 2021.07.20 |
[Vue.js] 웹팩의 주요 속성 4가지 (0) | 2021.07.16 |
[Vue.js] source-map (0) | 2021.07.14 |