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

[youngseo-kangg]

어떤 에러인가요?

• 스토어에서 보관하고 있는 값을 가져와 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