📕[책] 쏙쏙 들어오는 함수형 코딩 - 27,28

303p ~ 326p

요약

😇
reduce()
: 배열을 하나의 값으로 "reduce"

// origin
function countAllPurchases(customers) {
  var total = 0;
  forEach(customers, function(cutomer) {
    total = total + customer.purchases.length;
  }
        );
};
  });
  return total;
}

// with reduce
function countAllPurchases(customers) {
  return reduce (customers, 0, function(total, customer) {
      return total + customer.purchases.length;
    }
  );
}

function reduce(array, init, f) {
  var accum = init;
  forEach(array, function(elem) {
    accum = f(accum, elem);
  });
  return accum;
}

• 현재 누적된 값과 배열의 현재 항목을 가지고 새로운 누적값을 계산.
• 새로운 누적값을 기존 누적값이 담긴 변수에 할당.

😇 reduce 초기값 주의할 점

1. 계산이 어떤 값에서 시작되는가?
   • 예를 들어 더하기는 0, 곱하기는 1.
2. 배열이 비어있다면 어떤 값을 리턴할 것인가?
   • 초기값으로 이를 결정. 배열이 비어있다면 forEach 가 아무것도 하지 않으므로 초기값이 그대로 리턴될 것.

😇 세 가지 함수형 도구 비교

1. map
   : 어떤 배열의 모든 항목에 함수를 적용해, 새로운 배열로 바꾼다.

2. filter
   : 어떤 배열의 하위 집합을 선택해 새로운 배열로 만든다.

3. reduce
   : 어떤 배열의 항목을 조합해 최종값을 만듭니다. 데이터 요약 or 시퀀스를 하나의 값으로 만들 때 주로 사용.

😇 함수형 도구 체인
: 단계들을 조합해 하나의 쿼리로 만드는 것. 이 과정에서 함수형 도구를 사용하는 것.

😇 체인 명확하게 만들기 ➡️ "콜백에 이름 붙이기" 를 선호.

• 인라인 대신 이름을 붙여 콜백을 사용하기 때문에,
  • 재사용성이 좋다.
  • 단계가 중첩되는 것을 막을 수 있다.

// 원래 코드
function biggestPurchasesBestCustomers(customers) {
  var bestCustomers = filter(customers, function(customer) {	// 1단계
    return customer.purchases.length >= 3;
  });
  var biggestPurchases = map(bestCustomers, function(customer) {	// 2단계
    return maxKey(customer.purchases, {total: 0}, function(purchase) {
      return purchase.total;
    });
  });
  return biggestPurchases;
}

// 1. 단계에 이름 붙이기
function biggestPurchasesBestCustomers(customers) {
  var bestCustomers    = selectBestCustomers(customers);		// 1단계
  var biggestPurchases = getBiggestPurchases(bestCustomers);	// 2단계
  return biggestPurchases;
}

function selectBestCustomers(customers) {
  return filter(customers, function(customer) {		// 그대로 분리
    return customer.purchases.length >= 3;
  });
}

function getBiggestPurchases(customers) {		// 그대로 분리
  return map(customers, getBiggestPurchase);
}

function getBiggestPurchase(customer) {		// 그대로 분리
  return maxKey(customer.purchases, {total: 0}, function(purchase) {	// 중첩
    return purchase.total;												// 중첩
  });
}

// 2. 콜백에 이름 붙이기
/// extracted and named callbacks
function biggestPurchasesBestCustomers(customers) {
  var bestCustomers    = filter(customers, isGoodCustomer);			// 이름붙인 콜백 전달
  var biggestPurchases = map(bestCustomers, getBiggestPurchase);	// 이름붙인 콜백 전달
  return biggestPurchases;
}

function isGoodCustomer(customer) {
  return customer.purchases.length >= 3;
}

function getBiggestPurchase(customer) {
  return maxKey(customer.purchases, {total: 0}, getPurchaseTotal);
}

function getPurchaseTotal(purchase) {
  return purchase.total;
}

발췌

메모