[javascript][배열 메소드] reduce() 이해하기

reduce() 메소드 이해하기

 

reduce 는 "누적하다" 라는 뜻으로 배열의 값들을 누적해서 처리하고 싶을 때 쓰인다.

매개변수로 누적값과 현재값을 가진다.

acc 와 c 로 종종 표현해준다. (accumulator, currentValue 이런 약자)

배열을 돌면서 return에 적힌 값으로 acc를 업데이트 해준다.

이해가 잘 되지 않으므로 테스트를 해본다.

 

react 수업 듣는 중이라 react 프로젝트 이벤트핸들러함수에서 뜯어온 코드지만 안에 내용물만 보자.

결과물은 아래와 같다.

 

console.log로 acc와 c 를 찍어보자.

 

 

여기서 처음에 알수 있는 것 한가지는 reduce함수가 처음 돌 때

acc 와 c 는 처음에 인덱스 0번, 1번 있는 것을 넣어준 다는 것이다~!

---

 

그러면 아래처럼 수정하면 어떻게 나올까?

const reduced = array.reduce(function (acc, c) {
	return acc "+";
});

 

짜잔~

 

현재 값을 더해주지 않았으므로

처음 값인 (apple)에 + 를 더하고 

(apple +) 에 다시 + 를 더하고

(apple + +) 에 다시 + 를 더하고

(apple + + +) 에 다시 + 를 더하는 코드가 되었다.

acc 만 리턴해준다면 app