(함수형 JS) reduce

const nums = [1, 2, 3, 4, 5, 6];
let sum = 0;
for(const num of nums) sum += num*2;
console.log(sum); // 42
sum = 0;
for(const num of nums) if(num%2) sum+= num;
console.log(sum); // 1 + 3 + 5 = 9

const _each = (list, iteratee) => {
  if(list.toString() === '[object Object]') {
    const objValList = [];
    for(const key of Object.keys(list)) key !== 'length' && objValList.push(list[key]);
    list = objValList;
  }
  for(const item of list) iteratee(item)
};
// memo는 디자인 패턴 중 하나인 메모제이션 패턴을 이용한다는 것을 뜻하는 것 같다.
// 또한 데이터들을 어떻게 가공할지는 반복된 함수(iteratee)에게 위임, 추상화 하였다.
const _reduce = (list, iteratee, memo) => {
  // for(const item of list) memo = iteratee(item, memo);
  // 위 코드는 리스트의 반복문을 돌기 때문에 아래와 같이 추상화가 가능하다.
  _each(list, item => memo = iteratee(item, memo));
  return memo;
};
const nums = [1, 2, 3, 4, 5, 6];
console.log(_reduce(nums, (num, memo) => memo + num*2, 0)); // 42

const _each = (list, iteratee) => {
  if(list.toString() === '[object Object]') {
    const objValList = [];
    for(const key of Object.keys(list)) key !== 'length' && objValList.push(list[key]);
    list = objValList;
  }
  for(const item of list) iteratee(item)
};
// 리듀스에 초기값이 제공되지 않는 경우 그 초기 값을 얻어내기 위한 함수
// 인덱스로 접근할 수 없는 객체에 대해서 처리를 해줘야 함.
const _head = list => list.toString() === '[object Object]' ? Object.keys(list)[0] : list[0];
// 초기값을 제외한 값들
const _tail = list => (
  // slice 메소드가 없는 객체의 경우에는 키값들을 퉁친 배열로 반환
  list.toString() === '[object Object]' ? Object.keys(list).slice(1) :
    // slice 메소드(프로토타입 등등)가 있으면 고대로 쓰면 되고 ArrayLike 같은 경우에는 Array로 바꿔준 후에 호출하면 됨.
    list.slice ? list.slice(1) : Array.from(list).slice(1)
);
const _reduce = (list, iteratee, memo) => {
  if(memo === undefined) { // 초기 값이 없다면
    // 해당 리스트의 첫 번째 값을 초기값으로 삼으면 된다.
    memo = _head(list);
    // 해당 리스트의 첫 번째 값을 제외한 녀석을 리스트로 삼으면 된다.
    list = _tail(list);
  }
  _each(list, item => memo = iteratee(item, memo));
  return memo;
};
const nums = [1, 2, 3, 4, 5, 6];
const doms = document.querySelectorAll('*');
const obj = {name: 'ㅁㄴㅇㄹ', age: 9999};
console.log(_reduce(nums, (item, memo) => memo + item*2)); // 41
console.log(_reduce(doms, (node, memo) => `${memo}노드 이름은 ${node.nodeName}\n`, ''));
console.log(_reduce(obj, (key, memo) => `${memo}${key}: ${obj[key]}\n`, ''));