ホームページ >ウェブフロントエンド >フロントエンドQ&A >es6 で配列の合計を実装する方法

es6 で配列の合計を実装する方法

青灯夜游
青灯夜游オリジナル
2022-04-19 15:48:1012774ブラウズ

配列の合計を実装する

es6 メソッド: 1. reduce() メソッド、構文 "arr.reduce(function(p,c){sum=p c;});"; を使用します 2. forEach() を使用しますメソッド、構文「arr.forEach(function(v){sum =v})」。

es6 で配列の合計を実装する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

es6 では、新しい配列トラバーサル メソッド、reduce() および forEach() を使用して配列の合計を実行できます。以下で詳しく見ていきましょう。

方法 1:reduce() メソッドを使用します。

reduce は配列を走査し、配列の前後の 2 つの項目に計算を実行させ、その結果を返します。値を指定して計算を続行します。 は、元の配列を変更せず、計算の最終結果を返します。初期値が指定されていない場合、走査は配列の 2 番目の項目から開始されます。

reduce() メソッドは関数をアキュムレータとして受け取り、配列内の各値 (左から右へ) の削減が開始され、最終的に値が計算されます。

例:reduce() メソッドを使用して配列の合計を実行します。

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

es6 で配列の合計を実装する方法

方法 2: forEach() メソッドを使用します

forEach() メソッドは、配列の各要素を呼び出し、その要素をコールバック関数に渡すために使用されます。

コールバック関数では、合計演算を実行して、渡されたすべての配列要素を合計することができます。

例: 配列値の累積と合計

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

es6 で配列の合計を実装する方法

[関連する推奨事項: JavaScript ビデオ チュートリアルWeb フロントエンド]

以上がes6 で配列の合計を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。