You want to find the sum of an array of numbers. How do you do this with JavaScript?
There are various ways to find the sum of an array of numbers in JavaScript. We’ll look at four common ways.
for
loopThe most performant method is to use a for
loop:
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
.
reduce()
Another option is to use the reduce()
array method:
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.
forEach()
The forEach() array method executes the callback function argument for each element of the array:
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.
for...of
loopA for…of loop can also be used to iterate through the array items and calculate the sum of the array of numbers:
const arr = [23, 34, 77, 99, 324]; let sum = 0; for (const el of arr) { sum += el; } console.log(sum);
Get actionable, code-level insights to resolve JavaScript performance bottlenecks and errors.
Create a free Sentry account
Create a JavaScript project and note your DSN
Grab the Sentry JavaScript SDK
<script src="https://browser.sentry-cdn.com/7.112.2/bundle.min.js"></script>
Sentry.init({ dsn: 'https://<key>@sentry.io/<project>' });
Loved by over 4 million developers and more than 90,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.