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);

##例 3: 配列値を文字列に連結

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)

function callbackfn(previousValue, currentVaule, currentIndex, array)

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

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

initialValue

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

例 1: 配列値の累積と合計

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

a.reduce(f);
console.log(sum);

出力結果:

36

例 2: 配列値を文字列に連結する

##

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

a.reduce(f);
console.log(str);

#区切り文字を使用して各配列要素を区切る場合は、次のようにすることができます。コールバック関数内の 2 つの " " 演算子間の空の文字列を、指定された区切り文字に変更します:

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 サイトの他の関連記事を参照してください。