자바스크립트 배열 내 모든 숫자의 합 구하기 (for, forEach, reduce)

안녕하세요. 

Javascript에서 배열에 들어있는 모든 숫자의 합계를 계산하는 방법에 대해서 알아보겠습니다.

 

• for loop
• forEach() 메소드
• reduce() 메소드

 

총 3가지 방법으로 배열 내에 모든 숫자들의 합계를 구해보겠습니다.

 

 

1. for loop

const nums = [1, 2, 3, 4, 5];
let sum = 0;

for (let i=0; i<nums.length; i++) {
  sum += nums[i];
}

// 15

 

2. forEach() 메소드

const nums = [1, 2, 3, 4, 5];
let sum = 0;

nums.forEach(num => {
  sum += num;
})

// 15

 

3. reduce() 메소드

const nums = [1, 2, 3, 4, 5];
            
const sum = nums.reduce((accumulator, currentValue) => {
  return accumulator + currentValue
}, 0);

// 15

reduce()는 ES6에서 도입된 메소드로 사용자 정의 콜백 함수를 첫 번째 매개변수로 받습니다. 이 함수는 배열의 각 요소에 대해 항상 호출되며, 아래와 같은 두 가지 필수 매개변수를 요구합니다.

 

• accumulator: 이전 루프의 콜백 함수 호출 결과로 리턴된 값을 저장한 변수
• currentValue: 현재 루프 돌고 있는 배열의 요소 값

 

해당 메소드의 두 번째 매개변수는 accumulator 값으로 넘길 초기값입니다. 위 코드에서는 0으로 설정하였습니다.