자바스크립트

· Frontend/JS
const product = [ { name: '반팔티', price: 15000, quantity: 1 }, { name: '긴팔티', price: 20000, quantity: 2 }, { name: '핸드폰케이스', price; 15000, quantity: 3 }, { name: '후드티', price: 30000, quantity: 4 }, { name: '바지', price: 25000, quantity: 5 }, ]; const go = (...args) => reduce((a, f) => f(a), args); 여기서 수량을 모두 합하고자 할 때, go를 통해 연속적으로 함수를 실행할 수 있다. go( products, map(p => p.quantity), console.log ); 위의..
· Frontend/JS
https://dev-scratch.tistory.com/151 [JavaScript] go, pipe로 읽기 좋은 코드 만들기 기존 함수의 문제 https://dev-scratch.tistory.com/150 [JavaScript] Map + Filter + Reduce 중첩 사용과 함수형 사고 Map, Filter, Reduce 중첩하여 사용 map, filter, reduce 함수를 커스텀으로 생성하고, 이를 중첩하여 사용 dev-scratch.tistory.com 이제 위 게시물의 가장 상단 복잡했던 코드들을 아래와 같이 작성할 수 있다. 먼저 원본 코드는 아래와 같다. const filter = (f, iter) => { const res = []; for (const a of iter) { i..
· Frontend/JS
기존 함수의 문제 https://dev-scratch.tistory.com/150 [JavaScript] Map + Filter + Reduce 중첩 사용과 함수형 사고 Map, Filter, Reduce 중첩하여 사용 map, filter, reduce 함수를 커스텀으로 생성하고, 이를 중첩하여 사용해봄으로써 함수형 사고에 대해 배우고자 한다. 각각의 함수는 아래와 같이 작성할 수 있다. const m dev-scratch.tistory.com 앞선 게시물에서 여러 개의 함수를 중첩하여 사용하다보니까 코드는 간결하지만 가독성이 그리 좋지 않았다. 그렇기에 이를 보완할 필요가 있어 보인다. const filter = (f, iter) => { const res = []; for (const a of it..
· Frontend/JS
Map, Filter, Reduce 중첩하여 사용 map, filter, reduce 함수를 커스텀으로 생성하고, 이를 중첩하여 사용해봄으로써 함수형 사고에 대해 배우고자 한다. 각각의 함수는 아래와 같이 작성할 수 있다. const map = (f, iter) => { const res = []; for (const a of iter) { res.push(f(a)) } return res; }; const filter = (f, iter) => { const res = []; for (const a of iter) { if (f(a)) res.push(a); } return res; }; const reduce = (f, acc, iter) => { if (!iter) { iter = acc[Symbo..
턴태
'자바스크립트' 태그의 글 목록 (4 Page)