일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- reactjs
- javascript
- 타입좁히기
- NonNullable
- 성능최적화
- 레이아웃쪼개기
- Chart.js
- CSS
- 반복줄이기
- vue.js
- utilty type
- 폰트적용하기
- 티스토리꾸미기
- 개발콘텐츠
- typescript
- React.js
- const 단언문
- 커스텀
- 누구나 자료구조와 알고리즘
- React Native
- react
- returnType
- 타입스크립트
- 공통컴포넌트
- TSDoc
- 제네릭
- click and drag
- 2022
- JS console
- 리액트
- Today
- Total
몽땅뚝딱 개발자
[Vue.js/라이브러리] lodash 사용해보기(3) - Array 본문
출처
◽ _.sortedUniq(array)
유니크한 값을 기준으로 정렬한다.
_.sortedUniq([1, 1, 2]);
// => [1, 2]
◽ _.sortedUniqBy(array, [iteratee])
_.sortedUniqBy([1.1, 1.2, 2.3, 2.4], Math.floor);
// => [1.1, 2.3]
◽ _.tail(array)
첫번째 엘리먼트를 제외한 엘리먼트를 가져온다.
_.tail([1, 2, 3]);
// => [2, 3]
◽ _.take(array, [n=1])
인덱스 0부터 시작하여 지정된 인덱스만큼의 배열을 가져온다. 기본값은 1이다.
_.take([1, 2, 3]);
// => [1]
_.take([1, 2, 3], 5);
// => [1, 2, 3]
_.take([1, 2, 3], 0);
// => []
◽ _.takeRight(array, [n=1])
_.take()와 반대로 오른쪽부터 자른다.
◽ _.takeRightWhile(array, [predicate=_.identity])
배열 중 조건에 맞는 값을 가져온다.
◽ _.takeWhile(array, [predicate=_.identity])
== 추후 정리
◽ _.union([arrays])
합집합. 모든 배열에서 순서대로 고유의 값으로 배열을 만들어 반환한다.
_.union([2], [2, 1]);
// => [2, 1]
◽ _.unionBy([arrays], [iteratee=_.identity])
_.union과 같으나 두번째 파라미터에서 조건절을 받는다.
◽ _.unionWith([arrays], [comparator])
== 추후 정리
◽ _.uniq(array)
배열을 받아 중복없는 배열로 반환한다.
_.uniq([2, 1, 2]);
// => [2, 1]
◽ _.uniqBy([arrays], [iteratee=_.identity])
_.uniq와 같으나 두번째 파라미터에서 조건절을 받는다.
◽ _.uniqWith([arrays], [comparator])
== 추후 정리
◽ _.zip & _.unzip(array)
let zipped = _.zip(['a', 'b'], [1, 2], [true, false]);
// => [['a', 1, true], ['b', 2, false]]
_.unzip(zipped);
// => ['a', 'b'], [1, 2], [true, false]
◽ _.unzipWith(array, [interatee=_.identity])
unzip하는 방법을 두번째 파라미터에 작성한다.
let zipped = _.zip([1, 2], [10, 20], [100, 200]);
// => [[1, 10, 100], [2, 20, 200]]
_.unzipWith(zipped, _.add);
// => [3, 30, 300]
◽ _.without(array, [values])
배열에서 지정된 값을 제외한다.
_.without([2, 1, 2, 3], 1, 2);
// => [3]
◽ _.xor([arrays])
배열들의 차집합 값을 반환한다.
_.xor([2, 1], [2, 3]);
// => [1, 3]
◽ _.xorBy([arrays], [iteratee=_.identity])
_.xor과 동일하나 비교되는 기준을 생성한다.
◽ _.xorWith([arrays], [comparator])
== 추후 정리
◽ _.zipObject([props=[]], [values=[]])
배열들을 프토퍼티 형태로 반환한다.
_.zipObject(['a', 'b'], [1, 2]);
// => { 'a': 1, 'b': 2 }
◽ _.zipObjectDeep
== 추후 정리
◽ _.zipWith([arrays], [iteratee=_.identity])
_.zipWith([1, 2], [10, 20], [100, 200], function(a, b, c) { return a+b+c; });
// => [111, 222]
'Development > Vue.js' 카테고리의 다른 글
[Vue.js] Vue 프로젝트 빌드 후 웹서버로 실행하기 (0) | 2021.10.02 |
---|---|
[Vue.js/라이브러리] lodash 사용해보기(4) - Collection (0) | 2021.07.24 |
[Vue.js/라이브러리] lodash 사용해보기(2) - Array (0) | 2021.07.21 |
[Vue.js/라이브러리] lodash 사용해보기(1) - Array (0) | 2021.07.20 |
[Vue.js] 웹팩의 주요 속성 4가지 (0) | 2021.07.16 |