[JS] Reduce

Reduce는 '줄이다'라는 뜻을 가진 단어입니다.

JS에도 Reduce라는 메소드가 있는데요.

예시를 살펴보겠습니다.

 

const totalSum = cards.reduce((total, card) => total + card.cost * card.quantity, 0);                           

 

Reduce의 사용 방법은 이렇습니다.

 

 array.reduce((accumulator, currentValue, currentIndex, array) => {

    }, initialValue);

 

 

• accumulator: 누적값을 저장하는 변수(여기선 total).
• currentValue: 배열의 현재 요소(여기선 card).
• initialValue: 누적값의 초기값(여기선 0).

 

  const cards = [

        { cost: 100, quantity: 2 }, // 첫 번째 카드

        { cost: 200, quantity: 1 }, // 두 번째 카드

        { cost: 50, quantity: 3 }   // 세 번째 카드

    ];

 

즉, 배열에는 이렇게 cost와 quantity라는 요소가 있는데

배열의 각 요소를 한 가지 누적 값에 넣어서 줄이는 용도로 사용합니다.

위에서는 total이라는 변수에 cost와 quantity의 값을 곱해서 더하고

총 더한 값을 totalsum에 저장하는 동작입니다.

고른 카드의 단가를 재고에 곱해서

총 비용을 구하는 기능을 위해 구현한 reduce 메소드 였습니다.