자바스크립트를 사용하면서, 우리는 여러 가지 편리한 메서드를 이용할 수 있습니다.
특히나 배열을 다룰때는, 다뤄야 할 데이터의 양이 많기 때문에, 메서드를 사용하지 않으면, 일일이 for 문 같은 반복문으로 돌려야 하기 때문에 만들기도 까다롭고 효율적이지도 않습니다.
그래서 오늘은 그 배열의 요소를 하나로 줄여서 하나의 결괏값으로 만들어주는 편한 메서드인,. reduce()에 대해 알아보겠습니다.
1. 기본 문법
이렇게 배열 뒤에. 찍고 reduce()를 적어 주시면 됩니다. 다만, 이 괄호 안이 조금 복잡한데, 먼저 누적값의 이름 (여기서는 acc로 명칭), 현재 배열의 값(여기서는 curr로 명칭)을 괄호 안에 넣어주시고, 화살표 함수를 만들어 줍니다. 그리고 그 함수 안에는 return 값으로 누적값과 현재값을 이용해서 원하는 결과를 출력하시면 됩니다. 추가로 화살표 함수를 끝낸 뒤에는 , 를 찍고 초기값을 작성해 주시면 됩니다. 보통 0을 넣어주시면 됩니다. (주의: 곱셈을 할 때는 초기값이 0이면, 전부 0으로 변하니 1을 넣어주자)
2. 예시 - 배열의 모든 값을 더하는 방법
위 예시처럼, 배열의 모든 값들을 더하는 것을 만들어 볼 수 있습니다.
다음과 같은 순으로 계산이 진행됩니다.
3. for문과의 비교
for문으로는 다음과 같이 만들 수 있습니다. 물론 예시는 매우 간단하기 때문에 for문을 사용해도 전혀 문제가 없습니다. 하지만, reduce 사용에 익숙해진다면 훨씬 더 간결하게 작성 가능합니다. 또, reduce는 다른 고차 함수들과의 조합이 쉽기 때문에, 유지보수 + 가독성 측면에서 더욱 유리합니다.