함수형 프로그래밍 활용 예제
이 글은 유인동님의 함수형 프로그래밍 강의 내용을 정리한 글입니다.
그동안 만들었던 아래 함수들을 활용하여 예제를 풀어보자.
go
함수pipe
함수curry
함수- (
map
,filter
,reduce
) +curry
함수
우선 기존에 완성 했던 코드들을 한 눈에 보자.
// go 함수
const go = (...args) => reduce((a, f) => f(a), args);
// pipe 함수
const pipe =
(f, ...fs) =>
(...as) =>
go(f(...as), ...fs);
// curry
const curry =
f =>
(a, ...agrs) =>
agrs.length ? f(a, ...agrs) : (...agrs) => f(a, ...agrs);
// map + curry
const map = curry((f, iter) => {
const res = [];
for (const el of iter) {
res.push(f(el));
}
return res;
});
// filter + curry
const filter = curry((f, iter) => {
let res = [];
for (const a of iter) {
if (f(a)) res.push(a);
}
return res;
});
// reduce + curry
const reduce = curry((f, acc, iter) => {
if (!iter) {
iter = acc[Symbol.iterator]();
acc = iter.next().value;
}
for (const a of iter) {
acc = f(acc, a);
}
return acc;
});
이제 우리가 구현한 함수들로 아래 주어진 데이터를 통해 가공해보자.
// 예제, products
const products = [
{ name: '반팔티', price: 15000, quantity: 1, isSelected: true },
{ name: '긴팔티', price: 20000, quantity: 2, isSelected: false },
{ name: '핸드폰케이스', price: 15000, quantity: 3, isSelected: true },
{ name: '후드티', price: 30000, quantity: 4, isSelected: false },
{ name: '바지', price: 25000, quantity: 5, isSelected: false },
];
아래와 같이 활용을 할 수 있다.
const add = (a, b) => a + b;
const sum1 = (f, iter) => go(iter, map(f), reduce(add));
// sum1 함수는 map(p => p.quantity) -> reduce(add)를 추상화한 함수이다.
// 즉 특정 조건으로 맵핑한후 합치는 함수이다.
const sum2 = curry((f, iter) => go(iter, map(f), reduce(add)));
// sum2 함수는 sum1함수에서 커링을 한 버전으로 사용될 때 더욱 간결하게 사용할 수 있다.
// product 총 수량
const totalQuantity1 = pipe(
map(p => p.quantity),
reduce(add)
);
console.log(totalQuantity1(products)); // 15
// product 총 수량, sum함수로 추상화
const totalQuantity2 = products => sum1(p => p.quantity, products);
console.log(totalQuantity2(products)); // 15
// product 총 수량, sum함수로 추상화, 커링
const totalQuantity3 = sum2(p => p.quantity);
console.log(totalQuantity3(products)); // 15
// product 총 가격
const totalPrice1 = pipe(
map(p => p.price * p.quantity),
reduce(add)
);
console.log(totalPrice1(products)); // 345000
// product 총 가격, sum함수로 추상화
const totalPrice2 = products => sum1(p => p.price * p.quantity, products);
console.log(totalPrice2(products)); // 345000
// product 총 가격, sum함수로 추상화, 커링
const totalPrice3 = sum2(p => p.price * p.quantity);
console.log(totalPrice3(products)); // 345000
// sum2 함수는 product뿐아니라 다양한 데이터에 사용할 수 있도록 추상화가 되었다.
// 예제, user
const user = [
{ name: 'lia', age: 20 },
{ name: 'kyle', age: 25 },
{ name: 'spancer', age: 30 },
{ name: 'sun', age: 30 },
{ name: 'elly', age: 35 },
];
// 모든 user의 나이의 총 합
console.log(sum2(user => user.age, user)); // 140
console.log(sum2(user => user.age)(user)); // 140
Author And Source
이 문제에 관하여(함수형 프로그래밍 활용 예제), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@younoah/함수형-프로그래밍-활용-예제저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)