reduce() 기본 개념부터 활용까지 쉽게 이해하기

reduce()란?

reduce()는 배열의 요소를 하나씩 순회하면서 누적된 값을 만들어내는 함수다.

array.reduce((누적값(prev), 현재값(curr), 인덱스(i)) => { }, 초기값)

 

• prev : 이전까지의 누적된 값(첫 번째 실행 때는 "초기값"이 들어감)
• curr : 현재 순회 중이 요소
• i : 현재 순회중인 요소의 인덱스 (0부터 시작)
• 초기값 : reduce()가 처음 실행될 때 prev에 들어갈 값

---

숫자 더하기

const numbers = [1, 2, 3, 4];

const sum = numbers.reduce((prev, curr) => prev + curr, 0);
console.log(sum); // 10

 

최종적으로 prev에 10이 저장돼서 반환됨