본문 바로가기

컬렉션 중심 프로그래밍

Study/VanillaJS 2019. 3. 13. [개념잡기] 컬렉션 중심 프로그래밍 - (5) 마무리 [개념잡기] 컬렉션 중심 프로그래밍 - (5) 마무리 서론 실제 실무에서 사용할 법한 코드를 여태 만들었던 _.js 함수들을 이용하여 작성해보겠다. 컬렉션 중심 프로그래밍 일부 함수 변경 map 함수 : key 추가 var _map = _curryr((list, mapper) => { var new_list = [] _each(list, (val, key) => { new_list.push(mapper(val, key)) }) return new_list }) each 함수 : keys[i] 추가 var _each = (list, iter) => { var keys = _keys(list) for(var i = 0, len = keys.length ; i < len; i++) { iter(list[key..
Study/VanillaJS 2019. 3. 13. [개념잡기] 컬렉션 중심 프로그래밍 - (4) 접기 (min_by, max_by, group_by, count_by) [개념잡기] 컬렉션 중심 프로그래밍 - (4) 접기 (min_by, max_by, group_by, count_by) 서론 reduce 함수를 이용하여 여러 축약 함수를 만들어보겠다. var _reduce = function(list, iter, memo) { if(arguments.length == 2) { [memo, ...list] = list } _each(list, (val) => { memo = iter(memo, val) }) return memo } console.log( _reduce([1,2,3,4], function(a, b){return a+ b}) ) // 10 컬렉션 중심 프로그래밍 min 기대동작 : 해당 오브젝트에서 가장 작은 값을 리턴 코드 작성 var _min = (dat..
Study/VanillaJS 2019. 3. 12. [개념잡기] 컬렉션 중심 프로그래밍 - (3) 찾아내기 (find, find_index, some, every) [개념잡기] 컬렉션 중심 프로그래밍 - (3) 찾아내기 (find, find_index, some, every) 서론 이번 포스팅에서는 데이터에서 조건에 맞는 데이터를 찾아내는 것과 관련있는 함수들에 대해 알아보도록 하겠다. 컬렉션 중심 프로그래밍 find 기대동작 : 조건에 맞는 데이터가 있다면 해당 데이터를 리턴 코드 작성 var _find = _curryr((list, predi) => { var keys = _keys(list) for(var i = 0, len = keys.length ; i < len; i++) { var val = list[keys[i]] if(predi(val)) return val } }) console.log( _find(users, function(user){ retu..
Study/VanillaJS 2019. 3. 11. [개념잡기] 컬렉션 중심 프로그래밍 - (2) 거르기 (filter, reject, compact) [개념잡기] 컬렉션 중심 프로그래밍 - (2) 거르기 (filter, reject, compact) 서론 컬렉션 중심 프로그래밍의 두번째 거르기에 대해 알아보도록 하겠다. 수집하기의 기본이 되는 함수는 filter 함수이다. var _filter = _curryr((list, predi) => { var new_list = [] _each(list, (val) => { if(predi(val)) { new_list.push(val) } }) return new_list }) console.log( _filter(users, function(user) { return user.age > 30 }) ) 컬렉션 중심 프로그래밍 reject 기대동작 : filter 함수의 반대 동작으로 조건에 맞지 않는 값들을..
Study/VanillaJS 2019. 3. 11. [개념잡기] 컬렉션 중심 프로그래밍 - (1) 수집하기 (map, values, plunk) [개념잡기] 컬렉션 중심 프로그래밍 - (1) 수집하기 (map, values, plunk) 서론 컬렉션 중심 프로그래밍의 첫번째 수집하기에 대해 알아보도록 하겠다. 수집하기의 기본이 되는 함수는 map 함수이다. var _map = _curryr((list, mapper) => { var new_list = [] _each(list, (val) => { new_list.push(mapper(val)) }) return new_list }) console.log( _map(users, user => user.name) ) // (8) ["ID", "QW", "WE", "ER", "RT", "DF", "AS", "IS"] 컬렉션 중심 프로그래밍 values 기대동작 : 오브젝트를 받아 해당 오브젝트의 va..

티스토리툴바