reduce() 메소드

✅ reduce() 메소드란?

자바스크립트의 reduce() 메소드는 배열의 각 요소에 대해 콜백 함수를 실행하여 하나의 값으로 줄이는 기능을 제공하고 배열을 순환하면서 누적값을 계산하거나 변형하는데 주로 사용된다.

array.reduce(callback[, initialValue])

콜백 함수는 네 개의 인수를 받는다.

• accumulator (누산기): 콜백 함수의 반환값을 누적하기 위한 변수이다. 첫 번째 요소에 대해서는 initialValue의 값이 할당되고, 그 이후에는 이전 콜백 호출의 반환값이 할당된다.
• currentValue (현재값): 현재 처리 중인 배열 요소의 값입니다.
• currentIndex (현재 인덱스): 현재 처리 중인 배열 요소의 인덱스입니다.
• array (배열): reduce() 메소드가 호출된 배열 자체입니다.

👉 간단한 예시

Copy code
const numbers = [1, 2, 3, 4, 5];

const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum); // 15

위의 예시에서는 reduce()를 사용하여 numbers 배열의 모든 요소를 더한 결과를 계산하고 있다. 초기값으로 0을 제공하고, 각 요소를 누적하여 값을 반환하는 콜백 함수를 전달했습니다.
마지막으로 sum 변수에는 누적된 값인 15가 할당된다.

reduce() 메소드는 다양한 용도로 활용될 수 있으며, 배열 요소의 평균값, 최대값 또는 가장 긴 문자열 등을 계산하는 데에도 사용될 수 있다.