본문 바로가기

reduce - 자바스크립트

D-caffein 2023. 3. 22.
반응형

reduce() 함수는 배열의 각 요소에 대해 주어진 콜백 함수를 실행하면서 하나의 결과값을 반환합니다.

이 함수는 배열의 각 요소를 순차적으로 처리하며, 이전 요소의 반환값과 현재 요소를 인자로 받아 새로운 값을 계산하고 반환합니다. 이전 요소의 반환값이 다음 요소의 인자로 전달되는 과정을 반복하면서, 최종적으로 하나의 값을 반환합니다.

arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
  • callback: 배열의 각 요소에 대해 실행할 함수입니다. 이 함수는 accumulator 매개변수와 currentValue 매개변수를 받습니다. accumulator는 이전 요소에서 반환된 값입니다. currentValue는 현재 처리 중인 요소입니다. 두 번째 매개변수로는 index가 전달될 수 있으며, 이는 현재 요소의 인덱스입니다. 마지막으로 array 매개변수는 reduce() 함수를 호출한 배열 자체를 가리킵니다. 이 매개변수는 선택적으로 사용할 수 있습니다.
  • initialValue (선택 사항): accumulator의 초기값을 지정합니다. 이 매개변수는 선택적으로 사용할 수 있습니다. 만약 초기값을 제공하지 않으면, reduce() 함수는 첫 번째 요소를 accumulator의 초기값으로 사용하고, 두 번째 요소부터 처리합니다.
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue);
console.log(sum); // 15

위 코드에서는 reduce() 함수를 사용하여 배열 numbers의 모든 요소를 합산하고, 그 결과를 sum 변수에 할당합니다. 이때, 콜백 함수는 accumulator과 currentValue 매개변수를 받아서, 이전 요소에서 반환된 값과 현재 요소를 더한 값을 반환합니다. reduce() 함수는 첫 번째 요소부터 마지막 요소까지 순차적으로 처리하며, 최종적으로 모든 요소를 더한 값을 반환합니다.

반응형

'Programming' 카테고리의 다른 글

concat - 자바스크립트  (0) 2023.03.24
재귀함수로 팩토리얼 구하기  (0) 2023.03.23
map - 자바스크립트  (0) 2023.03.21
filter - 자바스크립트  (0) 2023.03.20
replace - 자바스크립트  (0) 2023.03.20

댓글