ES6 の「reduce」機能はどのようにして配列要素を効率的に合計できるのでしょうか?

配列の合計の計算: ECMAScript 2015 を使用した簡単なアプローチ

配列の要素の合計を求めることは、プログラミングにおける一般的なタスクです。 [1, 2, 3, 4] のような配列の場合、それらの合計を決定することを目的とします。この場合、合計は 10 になります。

$.each を使用することもできますが、より効率的な解決策は次のとおりです。 ECMAScript 2015 (ES6)。 ES6 では、特にこのような合計タスク向けに調整された Reduce 関数が導入されています。

Reduce の威力

Reduce は、コールバック関数とオプションの初期値という 2 つのパラメータを受け取ります。この場合、コールバック関数は、partialSum (これまでの累積合計) と現在の配列要素 (a) の 2 つの引数を持つアロー関数です。コールバックは、既存のpartialSumに を加算することによって新しいpartialSumを計算して返します。

Reduceの実装

reduceを使用するには、配列上でそれを呼び出し、コールバックを渡すだけです。および初期値 (必要な場合)。たとえば、配列 [1, 2, 3] の例では、次のように記述します。

const sum = [1, 2, 3].reduce((partialSum, a) => partialSum + a, 0);
console.log(sum); // Output: 6

初期値 (この場合は 0) は、partialSum の開始点として機能します。 reduce 関数は配列を反復処理し、要素の値を蓄積するにつれて、partialSum を徐々に更新します。結果は、求められた配列要素の合計です。

以上がES6 の「reduce」機能はどのようにして配列要素を効率的に合計できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。