Home > Web Front-end > Front-end Q&A > How to implement array summation in es6

How to implement array summation in es6

青灯夜游
Release: 2023-01-11 17:19:37
Original
12785 people have browsed it

es6 method to implement array summation: 1. Use the reduce() method, syntax "arr.reduce(function(p,c){sum=p c;});"; 2. Use forEach() Method, syntax "arr.forEach(function(v){sum =v})".

How to implement array summation in es6

The operating environment of this tutorial: Windows 7 system, ECMAScript version 6, Dell G3 computer.

In es6, you can use the new array traversal methods reduce() and forEach() to perform array summation. Let’s learn more about it below.

Method 1: Use the reduce() method

reduce can traverse the array, let the two items before and after the array perform some calculation, and then return its value and continue the calculation. , does not change the original array, and returns the final result of the calculation; if no initial value is given, the traversal starts from the second item of the array.

The reduce() method receives a function as an accumulator, and each value in the array (from left to right) starts to be reduced and finally calculated to a value.

Example: Use the reduce() method to perform array sum

var arr = [11, 12, 13], sum = 0;
arr.reduce(function(pre,curr) {
sum=pre+curr;
return sum;
});
console.log(sum);
Copy after login

How to implement array summation in es6

Method 2: Use the forEach() method

The forEach() method is used to call each element of the array and pass the element to the callback function.

In the callback function, you can perform a summation operation to add up all the passed array elements.

Example: Accumulate and sum array values

var arr = [1, 2, 3], sum = 0;
arr.forEach(function(value) {
sum += value;
});
console.log(sum);
Copy after login

How to implement array summation in es6

[Related recommendations: javascript video tutorial, web front-end

The above is the detailed content of How to implement array summation in es6. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
es6
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template