[자바스크립트 내장 객체] Array 객체(reduce)

# reduce()

reduce() 함수는 배열에 담긴 데이터를 하나씩 순회하며 callback 함수의 실행 값을 누적하여 결과값을 반환하는 함수입니다. 누적 결과값은 숫자, 문자, 객체 모두 가능합니다. reduce() 함수는 주로 배열에 담긴 데이터의 합계를 구하는 데 가장 많이 사용합니다. 배열에 담긴 데이터가 오브젝트인 경우는 누적 값을 구하고자 하는 오브젝트 키를 사용해서 누적 값을 구합니다. callback 함수는 주로 2개의 매개변수를 사용하지만 다음과 같이 4개의 매개변수를 가질 수 있습니다.

• 첫 번째 매개변수 - accumulator(누적 값)
• 두 번째 매개변수 - currentValue(현재 배열의 요소)
• 세 번째 매개변수 - currenIndex(인덱스 번호)
• 네 번째 매개변수 - arr(배열)

let points = [1, 40, 100, 25, 50];
let sum = points.reduce(function(total, currentValue) {
    return total + currentValue;
}, 0);

console.log(sum);

참조 | 바닐라 자바스크립트(고승원, 비제이퍼블릭)