js配列内の要素の累積効果を実現する方法

前回の記事では変数番号付き配列の作成方法について学習しましたので、「jsで変数番号付き配列を作成する方法」をご覧ください。今回は配列内の要素の累積効果を実現する方法について説明しますので、必要に応じて参照してください。

まず、小さな例を見てみましょう。

今、このような問題が発生しています。1、2、3、4 の 4 つの要素を含む配列があることがわかっています。次に、この配列内の要素の合計とその計算方法を知りたいと考えています。毛織物？要素 2 を追加するとどうなるでしょうか?これを合計しても同じ金額になりますか？

<script>
var arr = new Array(7); 
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
console.log(arr);
const reducer = (accumulator, currentValue) => accumulator + currentValue;
console.log(arr.reduce(reducer));

var nums = new Array(7); 
nums[0] = 1;
nums[1] = 2;
nums[2] = 3;
nums[3] = 4;
nums[4] = "two";
console.log(nums);
console.log(nums.reduce(reducer));
</script>

この小さな例の結果は次のとおりです

質問、4 つの要素 1、2、3 に基づいて結果を観察できます。 、 、 4 が累積されます。 足した結果は 10 で、5 つの要素 1、2、3、4、および 2 の累積結果は 10two です。これは、この方法では英語が出現した場合、その英語をフィルタリングせずに直接数値で操作することを示しています。

ここまで理解したら、この方法を詳しく見てみましょう。

reduce() メソッドは、配列内の各要素に対して提供されたリデューサー関数 (昇順で実行) を実行し、結果を 1 つの戻り値にまとめます。

このメソッドの構文を見てみましょう。

数组名称.reduce(执行的函数(累计器的返回值,正在处理的元素,当前元素索引,数组,第一次调用函数时的值)

reduce は、配列内の削除された要素や値が割り当てられていない要素を除き、配列内の各要素に対してコールバック関数を順番に実行し、4 つのパラメーターを受け入れます。

• accumulator アキュムレータ

• currentValue 現在の値

• currentIndex 現在のインデックス

• array 配列

注: 関数が初めて呼び出されたときの値が指定されていない場合、reduce は最初のインデックスをスキップしてインデックス 1 からコールバック メソッドを実行します。関数が最初に呼び出されるときに値が指定された場合、その値はインデックス 0 から始まります。

これですべてです。必要に応じて、次の内容を参照してください: JavaScript 基本チュートリアル

以上がjs配列内の要素の累積効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。