[Javascript]배열 안의 요소를 더하는 여러가지 방법(배열의 합, reduce)

 Javascript의 배열의 합을 구하는 방법에는 무엇이 있을지 여러 가지 방법을 알아보고 실제 예제를 통해 익혀보도록 하겠습니다.

 

📌for문을 통한 반복 연산

var num = [1,2,3,4,5,6,7,8,9,10]

var sum = 0;
/* 반복을 통한 연산 */
for(var i=0; num.length; i++) {
  sum += num[i];
}
console.log(sum);

//55

 

 

📌forEach를 통한 연산

var num = [1,2,3,4,5,6,7,8,9,10]
var sum = 0;

/* forEach 반복 -> 기준 for문보다 더 간단하게 연산을 할 수 있음*/
num.forEach((item) => {
  sum += item'
});
console.log(sum);
//55

 

 

📌reduce()를 이용한 연산 

 사실 위의 두 가지의 방법은 기존의 알고 있었던 방법이고, 실제 이와 같은 배열 안의 연산이 필요한 경우에 사용을 하였다. 하지만 reduce()를 알게 되었고, 더욱 간단히 연산을 할 수 있어 소개하고자 한다.

 

 

📌Array.reduce()의 기본 구조

arr.reduce(callback[, initialValue]);

 

Javascript의 reduce 함수는 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결괏값을 반환합니다.

• callback : 배열의 각 요소에 대해 실행할 함수이며 4개의 인수를 가질 수 있다. 
• accumulator : callback 함수의 반환 값을 누적한다.
• currentValue : 현재 기준으로 처리할 배열의 요소이다.
• array : reduce()를 호출할 배열

 

var num = [1,2,3,4,5,6,7,8,9,10]

/* reduce()의 누적값을 활용한 배열의 총합 구하기 */
var sum = num.reduce((a, b) => (a+b));

console.log(sum);
//55