'로대쉬' 태그의 글 목록

Lodash

📚 Lodash 배열 검색 · 정렬 함수 모음

Lodash - 배열 검색 & 정렬 함수 정리 _.sortBy() 키값을 기준으로 정렬 // data 가 아래와 같은 경우 const data = [ { date: '2020-01-01', count: 10 }, { date: '2020-01-02', count: 30 }, { date: '2020-01-03', count: 5 }, ] // count 필드 기준으로 정렬하고 싶다. -> 아래와같이 사용하면 된다 sortBy(data, 'count'); /* [ {date: "2020-01-03", count: 5} {date: "2020-01-01", count: 10} {date: "2020-01-02", count: 30} ] */ 키값 두개로 정렬하기 // date를 먼저 기준으로 정렬하고 dat..

인파_

2021.11.26

(0)

Lodash

📚 Lodash 배열 ⮂ 객체 변환 함수 모음

Lodash - 배열 ⮂ 객체 변환 함수 정리 _.values() / _.keys() object.values() / object.keys() 와 같다고 보면 된다. 키/밸류값들을 따로 묶어 배열로 변환. 문자열이 인수일경우, split('')효과도 있음. _.values({ a: 1, b: 2, c: [3, 4] }); // => [ 1, 2, [3, 4] ] _.values('hi'); // => ['h', 'i'] _.groupBy() 컬렉션을 객체로 변환. 키값은 무언가 의미있는 기준이 되는 것을 설정해 적용함 두번째 인수로는 무엇을 기준으로 의미있는 key로 사용할까 정함. _.groupBy([6.1, 4.2, 6.3], Math.floor); // 정수로 변환해서 그것을 키:밸류로 의미있게 짬..

인파_

2021.11.26

(0)

Lodash

📚 Lodash 객체 조작 함수 모음

Lodash - 객체 조작 함수 정리 _.pick() 객체의 필요한 속성만 뽑을 때 쓴다. var user = { name: 'socratone', password: '12345678' }; // 클라이언트에게 보내주기 위해 user 객체에서 비밀번호를 뺀다. _.pick(user, ['name']); // { name: 'socratone' } _.get() 객체에서 키 경로를 주어서 값을 가져온다. var object = { 'a': [{ 'b': { 'c': 3 } }] }; _.get(object, 'a[0].b.c'); // => 3 var object = { a: 1, b: 2, c: 3, e: { f: 5 } }; _.get(object, 'a'); // => 1 _.get(object,..

인파_

2021.11.26

(0)

Lodash

📚 Lodash 배열 조작 함수 모음

Lodash - 배열 조작 함수 정리 _.size() length와 같다고 보면된다. 하지만 배열 뿐만 아니라 문자열, 객체도 같은 메소드로 length를 구할수 있다. _.size([1, 2, 3]) // => 3 _.size({ 'a': 1, 'b': 2 }) // => 2 _.size('apple') // => 5 _.constant() 반환 값을 반환해주는 함수이다. 단독으로는 거의 사용하지 않고, 다른 Lodash 함수들과 같이 사용한다. _.constant(0); // => 0 _.constant({ a: 1 }); // => { a: 1 } _.times() 콜백함수 조건에 맞게 반복횟수만큼의 데이터를 배열로 반환한다. 초기화를 시킬 때 유용하다. _.times(3, _.constan..

인파_

2021.11.26

(0)

Lodash

📚 Lodash 고차 함수 모음

Lodash - 고차 함수 정리 _.forEach() 배열, 객체 순회 lodash _(obj).forEach(function(n) { console.log(n); }) _.forEach(obj, function(val, key) { console.log(val, key); }); // 간단한 별칭으로도 쓸 수 있다. _.each(obj, (value, index, list) => {}); // 배열은 인자마다 순회합니다. _([1, 2]).forEach(function(n) { console.log(n); }) // 1 // 2 // object는 한개의 value와 키를 순회합니다. _.forEach({ 'a': 1, 'b': 2 }, function(val, key) { console.log(val..

인파_

2021.11.26

(0)

Lodash

📚 Lodash 객체 래핑 & 체이닝 방법

로대쉬 객체 래핑 _(값) 괄호안의 값을 lodash로 래핑된 객체로 싼다. let rap_val = _({ "f":3, "g":15 }) 제이쿼리 원리랑 비슷하다고 보면 된다. 태그를 제이쿼리로 감싼다고 할때, $('li') 이런식으로 한다. 이 문법의 의미는 HTMLCOLLECTION 배열의 li를 제이쿼리용 객체로 변환한다는 의미. Lodash도 똑같이 접근 하면 된다. 그저 $ 대신 _ 를 쓰는 차이점밖에 없다. _.prototype.value() lodash로 래핑된 값들을 푼다. 보통 체이닝 한 후에 값을 얻을때 사용 // Defining values let values = { "f":3, "g":15 }; // _()로 묶으면 Lodash 전용으로 래핑된다. let rap_val = _..

인파_

2021.11.25

(0)

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

You Can Become A

Prog

로대쉬

📚 Lodash 배열 검색 · 정렬 함수 모음

인파_

📚 Lodash 배열 ⮂ 객체 변환 함수 모음

인파_

📚 Lodash 객체 조작 함수 모음

인파_

📚 Lodash 배열 조작 함수 모음

인파_

📚 Lodash 고차 함수 모음

인파_

📚 Lodash 객체 래핑 & 체이닝 방법

인파_

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역