[🔧 Front-End Error] #4 / Reduce of empty array / 2021-09-27

# 어떤 에러인가요?

- 스토어에서 보관하고 있는 값을 가져와 map, reduce함수를 사용하여 데이터를 보기 편하도록 가공하고 있었음
- reduce를 사용하는 부분에서 에러가 발생함

# 에러 메시지

- `TypeError : Reduce of empty array with no initial value`

# 에러 핸들링 방법

- reduce는 총 4개의 인자 (누적되는 값 acc, 현재 값 cur, 현재 인덱스 idx, 원본 배열 src)를 가지고 필요에 따라 초기값을 사용함. 만약 초기값을 설정하지 않는다면 원본 배열의 첫번째 값을 초기값으로 설정하고 사용하게 됨.
- 배열에 값이 있는 경우에는 초기값을 설정하지 않아도 정상적으로 작동하나, filter나 map을 거쳐 만약 배열에 아무 값도 남아있지 않은 상태에서 reduce를 사용하게 되면 나오는 에러였음
- 그래서 reduce함수를 사용할 때 초기값으로 0을 설정해주니 해결되었음.
- `array.reduce((acc,cur)=> { return .... }, 0)`

# 에러 핸들링을 위해 참고한 레퍼런스 링크

[TypeError: Reduce of empty array with no initial value](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Errors/Reduce_of_empty_array_with_no_initial_value)