How to find the sum of an array of numbers

Sentry Answers>JavaScript>

Matthew C.

—September 15, 2023

The Problem

You want to find the sum of an array of numbers. How do you do this with JavaScript?

The Solution

There are various ways to find the sum of an array of numbers in JavaScript. We’ll look at four common ways.

Using a `for` loop

The most performant method is to use a for loop:

Click to Copy

const arr = [23, 34, 77, 99, 324];
let sum = 0;
for (let i = 0; i < arr.length; i++) {
  sum += arr[i];
}

console.log(sum);

The sum of the array of numbers is calculated by looping through the array and adding the value of each array element to a variable called sum.

Using `reduce()`

Another option is to use the reduce() array method:

Click to Copy

const arr = [23, 34, 77, 99, 324];
const sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum);

The reduce() method calculates the sum of the array of numbers by executing the “reducer” callback function on each element of the array. The accumulator argument is the value of the previous call of the function. Its initial value is 0; the currentValue is the value of the array element. For each call of the function, the value of the previous function call is added to the value of the array element. The return value of the reduce() method is the final value of the “reducer” callback function after it’s been executed on each element of the array. In this case, it calculates the sum of the array numbers.

Using `forEach()`

The forEach() array method executes the callback function argument for each element of the array:

Click to Copy

const arr = [23, 34, 77, 99, 324];
let sum = 0;
arr.forEach((el) => sum += el);
console.log(sum);

It uses a sum variable, like the for loop method, to calculate the sum of the array numbers.

Using a `for...of` loop

A for…of loop can also be used to iterate through the array items and calculate the sum of the array of numbers:

Click to Copy

const arr = [23, 34, 77, 99, 324];
let sum = 0;
for (const el of arr) {
  sum += el;
}
console.log(sum);

ResourcesImprove Web Browser Performance - Find the JavaScript code causing slowdowns
SentryJavascript Error Monitoring & Tracing
ResourcesJavaScript Frontend Error Monitoring 101
Syntax.fmListen to the Syntax Podcast
Listen to the Syntax Podcast
Tasty treats for web developers brought to you by Sentry. Get tips and tricks from Wes Bos and Scott Tolinski.
SEE EPISODES

Considered “not bad” by 4 million developers and more than 100,000 organizations worldwide, Sentry provides code-level observability to many of the world’s best-known companies like Disney, Peloton, Cloudflare, Eventbrite, Slack, Supercell, and Rockstar Games. Each month we process billions of exceptions from the most popular products on the internet.

learn more about sentry join our discord

Platform

Languages & Frameworks

Why Sentry?

Features

How to find the sum of an array of numbers

The Problem

The Solution

Using a `for` loop

Using `reduce()`

Using `forEach()`

Using a `for...of` loop

How to find the sum of an array of numbers

The Solution

Using a for loop

Using reduce()

Using forEach()

Using a for...of loop

A peek at your privacy

Who we collect PII from

PII we may collect about you

How we use your PII

Third parties who receive your PII

We use cookies (but not for advertising)

Know your rights

Using a `for` loop

Using `reduce()`

Using `forEach()`

Using a `for...of` loop