JS 配列の学習: 配列を反復処理し、要素の合計を計算し、値を文字列に連結します。

前回の記事「JS 配列の学習: すべての要素を結合して文字列を返す方法」では、配列を文字列に変換する方法について学びました。 ~

この記事では、配列の反復演算について説明し、要素の合計を計算し、値を文字列にリンクする 2 つの方法を紹介します。

方法 1. forEach() メソッドを使用します

forEach() メソッドは、配列の各要素を呼び出し、要素をコールバックに追加します。

構文:

array.forEach(funtion callbackfn(value, index, array), thisValue)

関数コールバックfn(値, インデックス, 配列): 必須パラメーター。コールバック関数を指定します。コールバック関数は、最大 3 つのパラメーターを受け取ることができます:

• value: 配列要素の値。

• index: 配列要素の数値インデックス。

• array: 要素を含む配列オブジェクト。

thisValue: 省略されたパラメータ。コールバック関数内の this によって参照できるオブジェクト。 thisArg を省略した場合、this の値は未定義になります。

コード例を通じてさらに詳しく学びましょう:

例 1: 配列要素の出力

function f(value,index,array) { console.log("a[" + index + "] = " + value); } var a = ['a', 'b', 'c']; a.forEach(f);

##例 2: 配列値の累積と合計

var a = [10, 11, 12], sum = 0; function f(value) { sum += value; } a.forEach(f); console.log(sum);

var a = ['ab', 'cd', 'ef'], str = ""; function f(value) { // str=str + value; str=str.concat(value); } a.forEach(f); console.log(str);

方法 2.reduce() メソッドを使用します。reduce() メソッドは、配列内のすべての要素を削減できます。指定されたコールバック関数。このコールバック関数の戻り値は累積結果であり、この戻り値は次回コールバック関数が呼び出されるときにパラメータとして提供されます。

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

: 必須パラメータ。コールバック関数を指定します。最大で 4 つのパラメータを受け取ることができます:

previousValue: 前回コールバック関数を呼び出して取得した値。 initialValue がreduce() メソッドに提供される場合、関数が最初に呼び出されたときのpreviousValueはinitialValueです。
currentValue: 現在の要素配列の値。
currentIndex: 現在の配列要素の数値インデックス。
array: 要素を含む配列オブジェクト。

: 省略可能なパラメータ、関数に渡される初期値。コード例を通じてさらに詳しく学びましょう:

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

36

##

var a = [11, 12, 13], str = ''; function f(pre,curr) { str=pre+''+curr; return str; } a.reduce(f); console.log(str);

var a = [11, 12, 13], str = ''; function f(pre,curr) { str=pre+'-'+curr; return str; } a.reduce(f); console.log(str);

JavaScript 上級チュートリアル

以上がJS 配列の学習: 配列を反復処理し、要素の合計を計算し、値を文字列に連結します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。