ホームページ >ウェブフロントエンド >フロントエンドQ&A >es6 で配列の合計を実装する方法
配列の合計を実装する
es6 メソッド: 1. reduce() メソッド、構文 "arr.reduce(function(p,c){sum=p c;});"; を使用します 2. forEach() を使用しますメソッド、構文「arr.forEach(function(v){sum =v})」。
このチュートリアルの動作環境: 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);
方法 2: forEach() メソッドを使用します
forEach() メソッドは、配列の各要素を呼び出し、その要素をコールバック関数に渡すために使用されます。
コールバック関数では、合計演算を実行して、渡されたすべての配列要素を合計することができます。
例: 配列値の累積と合計
var arr = [1, 2, 3], sum = 0; arr.forEach(function(value) { sum += value; }); console.log(sum);
[関連する推奨事項: JavaScript ビデオ チュートリアル、Web フロントエンド]
以上がes6 で配列の合計を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。