[JavaScript] 자바스크립트 reduce 함수 사용법

✔️ reduce() 요약

reduce()함수는 배열에서 사용함.

배열의 요소를 순차적으로 순회하며 특정한 값(숫자, 배열, 객체 등)을 return하는 함수.

---

✔️ reduce() 의 기본문법

arr.reduce(callback(accumulator, currentValue, index, array), initialValue);

• reduce()를 부르면 callback함수를 정의해야함.
• callback함수의 매개변수들은 각각 이러함
  • accumulator : 콜백함수의 반환값
  • currentValue : 배열의 요소를 순차적으로 순회할때의 현재 요소
  • index(옵션) : 배열의 인덱스
  • array(옵션) : reduce함수가 호출된 배열(arr)

---

✔️ 사용법

function 형식

var arr = [1, 2, 3, 4, 5]

arr.reduce(function(a, b) {
	return a += b; // a가 반환됨
}, 0);

arrow function 형식 -> 위와 같은 기능을 하는 코드

var arr = [1, 2, 3, 4, 5]

arr.reduce((a, b) => (a += b), 0);
// a는 결과값
// b는 현재값
// (a += b) 실행할 함수
// 0 초기값

---

🚨 주의 할 점

reduce는 스프레드 연산자(...)와 함께사용될 경우, 시간복잡도가 급격히 증가한다!! 주의하자.

차라리 스프레드 연산자를 써야할 때에는 그냥 map을 써서 배열을 반환하는게 시간복잡도 면에서 훨씬 낫다