JavaScriptで配列要素を追加する方法

3 実装方法: 1. for ループ、構文 "for(i=0;i

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

方法 1: for ループを使用する

実装アイデア:

• for ループを使用して走査する配列

• ループ本体で、「=」演算子を使用して配列要素を 1 つずつ追加および合計します

実装例:

var arr = [1,2,3,4,5,6,7,8,9,10];
var i,sum=0;
for(i=0;i<arr.length;i++){  //循环遍历数组
	//将数组元素一个个相加求和
	sum+=arr[i];
}
console.log(sum);

方法 2. forEach() メソッドを使用する

forEach() メソッドが使用されます配列要素の各要素を呼び出し、その要素をコールバック関数に渡します。

構文:

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

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

• value: 配列要素の値。

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

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

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

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

例: 配列値の累積と合計

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

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

方法 3.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: 省略可能なパラメータ、関数に渡される初期値。

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

例: 配列値の累積と合計

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

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

出力結果:

[関連する推奨事項: JavaScript ビデオ チュートリアル 、プログラミング ビデオ ]

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