ㅇㅇㅈ Blog

프론트엔드 수행중

0%

Array.reduce()

Array.reduce()

배열의 각 요소에 대해 주어진 리듀서(reducer)함수를 실행하고, 하나의 결과값을 반환한다

말이 어렵다..

1
arr.reduce(callback[, initialValue])

reduce()의 콜백 함수는 4가지 인수를 받는다

1
2
3
4
5
6
7
8
1. accumulator
- 누산기, 콜백의 반환값을 누적시킨다. initialValue를 제공했을때는 initialValue의 값이다
2. currentValue
- 처리할 현재 요소
3. currentIndex (optional)
- 처리할 현재 요소의 인덱스
4. array (optional)
- reduce()를 호출한 배열

사용 방법

reduce()에는 누산기가 포함되어 있기 때문에, 배열의 각 요소에 대해 함수를 실행하고 누적된 값을 출력할때 용이하다.

1
2
3
4
5
const numbers = [1,2,3,4,5]
const result = numbers.reduce((acc, cur, idx)=>{
return acc + cur
},0)
console.log(result) // 15

예제에서 initialValue 를 0 으로 주었기 때문에 초기값이 0부터 시작해서 하나씩 누적 시켜 나간다
0+1+2+3+4+5 = 15

1
2
3
4
5
const numbers = [1,2,3,4,5]
const result = numbers.reduce((acc, cur, idx)=>{
return acc + cur
},10)
console.log(result) // 25

initialValue 를 10 으로 주었기 때문에 초기값이 10부터 시작해서 하나씩 누적 시켜 나간다
10+1+2+3+4+5 = 15

reduce()로 많은 것을 할 수 있다는데.. 아직 더해서 누적 시키는 정도 밖에 이해가 되질 않는다