[JavaScript] 이터러블 중심 프로그래밍 실무적인 코드

2023. 5. 11. 06:38· Node.js/JS

함수 합성 코드 작성

앞서 flatten에 대해서 배웠는데 이 flatten을 활용해 아래와 같이 함수를 합성하여 활용하곤 한다. 예를 들면 아래와 같다.

go(arr,
   L.flatten,
   L.filter(a => a % 2),
   L.map(a => a * a),
   take(4),
   reduce(add),
   log);

위와 같은 함수를 매우 많이 사용하게 되는데, 실무적인 데이터를 사용해서 더 명확하게 이해할 수 있다.

지연성 / 이터러블 중심 프로그래밍 실무적인 코드

const user = [
  { name: 'a', age: 21, family: [
    { name: 'a1', age: 53 }, { name: 'a2', age: 47 },
    { name: 'a3', age: 16 }, { name: 'a4', age: 15 },
  ] },
  { name: 'b', age: 24, family: [
    { name: 'b1', age: 58 }, { name: 'b2', age: 51 },
    { name: 'b3', age: 19 }, { name: 'b4', age: 22 },
  ] },
  { name: 'c', age: 31, family: [
    { name: 'c1', age: 64 }, { name: 'c2', age: 62 },
  ] },
  { name: 'd', age: 20, family: [
    { name: 'd1', age: 42 }, { name: 'd2', age: 42 },
    { name: 'd3', age: 11 }, { name: 'd4', age: 7 },
  ] },
];
go(users,
   L.map(u => u.family),
   L.flatten,
   console.log);
   
//    { name: 'a1', age: 53 },
//    { name: 'a2', age: 47 },
//    { name: 'a3', age: 16 },
//    { name: 'a4', age: 15 },
//    { name: 'b1', age: 58 },
//    { name: 'b2', age: 51 },
//    { name: 'b3', age: 19 },
//    { name: 'b4', age: 22 },
//    { name: 'c1', age: 64 },
//    { name: 'c2', age: 62 },
//    { name: 'd1', age: 42 },
//    { name: 'd2', age: 42 },
//    { name: 'd3', age: 11 },
//    { name: 'd4', age: 7 },

처음 map과 flatten함수만 사용하면 위와 같다.

 

그 다음 filter를 통해 user의 나이가 20일 미만인 경우를 거쳐서 이름을 뽑아내어 4명만 뽑아내고자 한다면 아래와 같이 사용할 수 있다.

go(users,
   L.map(u => u.family),
   L.flatten,
   L.filter(u => u.age < 20),
   L.map(u => u.name),
   take(4),
   console.log);

// (4) ["a3", "a4", "b3", "d3"]

이름 말고 나이를 뽑고자 해도 쉽게 바꿀 수 있다.

go(users,
   L.map(u => u.family),
   L.flatten,
   L.filter(u => u.age < 20),
   L.map(u => u.age),
   take(4),
   console.log);

// (4) [16, 15, 19]

함수를 어떻게 조합하고 어떻게 구성하느냐에 따라서 데이터를 변경하고 원하는 값을 얻어낼 수 있다.

 

즉, 함수형 프로그래밍은 데이터를 어떻게 구성할지를 먼저 만들어내고 프로그래밍을 하는 것이 아니라, 조합되어 있는 함수에 맞는 데이터를 구성하는 식으로 작성하는 것이다.

 

객체지향 프로그래밍은 데이터를 우선적으로 정리를 하고 메서드를 그 이후에 만들어서 작성해나가지만, 함수형 프로그래밍은 이미 만들어진 함수 조합이 있다면 그 함수 조합에 맞는 데이터를 구성하는 식으로 작성하기 때문에 함수를 조금 더 우선순위에 두는 프로그래밍이다.

 

프로퍼티가 어떻게 바뀌든 혹은 변수명이 어떻게 바뀌든지간에 함수 조합에 따라서 가공할 수 있다. 추상적으로 a -> b -> c를 하겠다는 생각으로 보조함수를 조합해 하나의 고차 함수를 만들며 데이터를 다루는 것이다.

저작자표시 비영리 (새창열림)

'Node.js > JS' 카테고리의 다른 글

[JavaScript] L.flatMap, flatMap  (0) 2023.05.10
[JavaScript] L.flatten, flatten, L.deepFlat 함수 만들기  (0) 2023.05.09
[JavaScript] L.map, L.filter로 map과 filter 만들기  (0) 2023.05.09
[JavaScript] 함수 합성을 통해 find 함수 만들기  (0) 2023.05.08
[JavaScript] Array.prototype.join 보다 다형성 높은 join 함수  (0) 2023.05.08
'Node.js/JS' 카테고리의 다른 글
  • [JavaScript] L.flatMap, flatMap
  • [JavaScript] L.flatten, flatten, L.deepFlat 함수 만들기
  • [JavaScript] L.map, L.filter로 map과 filter 만들기
  • [JavaScript] 함수 합성을 통해 find 함수 만들기
턴태
턴태
import { Dream } from "future";
턴태
턴태의 밑바닥부터 시작하는 de-vlog
턴태
전체
오늘
어제
  • ROOT (187)
    • Node.js (37)
      • ES6 (1)
      • TypeScript (3)
      • Express.js (16)
      • NestJS (16)
      • JS (24)
    • 프론트엔드 (29)
      • CS (5)
    • 백엔드 (1)
      • 검색 (2)
      • Database (1)
    • 기타 툴 (1)
      • git (1)
    • 데브옵스 & 인프라 (19)
      • Kubernetes (15)
      • Docker (2)
      • Monitoring (1)
      • IaC (1)
    • Algorithm (90)
      • Implementation & simulation (5)
      • Math (4)
      • Brute Force (1)
      • String (0)
      • Graph (5)
      • Recursion & Backtracking (19)
      • Divide & Conquer (2)
      • Dynamic Programming (18)
      • Greedy (13)
      • Priority Queue (2)
      • Binary Search (6)
      • Data Structure (7)
      • Shortest Path (5)
      • Minimum Spanning Tree (1)
      • Sorting (1)
      • Prefix Sum (1)
    • Linux (1)
      • Ubuntu (1)
    • Diary (5)
      • Algorithm (1)
      • Conference (1)
      • Retrospective (3)
    • Book (0)
      • Self-Development (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Omuk
  • 인프런
  • N과 M
  • 익스프레스
  • 다이나믹 프로그래밍
  • 함수형 프로그래밍
  • 오먹
  • k8s
  • 타입스크립트
  • 백트래킹
  • TypeScript
  • 파이썬
  • GREEDY
  • 디프만
  • Express
  • 노드
  • backtracking
  • 네스트
  • 인프런X디프만
  • node.js
  • 백준
  • 쿠버네티스
  • nestjs
  • 토이프로젝트
  • Kubernetes
  • 자바스크립트
  • baekjoon
  • python
  • dynamic programming
  • Toy Project

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
턴태
[JavaScript] 이터러블 중심 프로그래밍 실무적인 코드
상단으로

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.