So fügen Sie Array-Elemente in JavaScript hinzu

3 Implementierungsmethoden: 1. Verwenden Sie die for-Schleife, Syntax „for(i=0;i

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methode 1: for-Schleife verwenden

Implementierungsidee:

• For-Schleife zum Durchlaufen des Arrays verwenden

• Verwenden Sie im Schleifenkörper den Operator „+=", um die Array-Elemente eins hinzuzufügen um eins. Und

Implementierungsbeispiel:

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

Methode 2, mit der Methode forEach() wird die Methode

forEach() verwendet, um jedes Element des Arrays aufzurufen und das Element an das zu übergeben Rückruffunktion.

Syntax:

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

function callbackfn(value, index, array): Erforderliche Parameter, geben Sie die Callback-Funktion an, die bis zu drei Parameter empfangen kann: funtion callbackfn(value, index, array)：必需参数，指定回调函数，最多可以接收三个参数：

• value：数组元素的值。

• index：数组元素的数字索引。

• array：包含该元素的数组对象。

thisValue：可省略的参数，回调函数中的 this 可引用的对象。如果省略 thisArg，则 this 的值为 undefined。

下面通过代码示例来具体了解一下：

示例：将数组值进行累加求和

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：通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue，则在首次调用函数时，previousValue 为 initialValue。

• currentVaule：当前元素数组的值。

• currentIndex：当前数组元素的数字索引。

• array：包含该元素的数组对象。

initialValue

value: Der Wert der Array-Element.

index: Numerischer Index des Array-Elements.

array: Array-Objekt, das das Element enthält.

thisValue: ein ausgelassener Parameter, das Objekt, auf das dieser in der Rückruffunktion verweisen kann. Wenn thisArg weggelassen wird, ist der Wert von this undefiniert. Lassen Sie uns anhand von Codebeispielen mehr darüber erfahren:

🎜🎜Beispiel: Array-Werte akkumulieren und summieren🎜🎜

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

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

🎜🎜🎜🎜🎜Methode 3. Verwenden Sie die Methode „reduce()“🎜🎜🎜🎜Die Methode „reduce()“ kann für alle Elemente im Array aufgerufen werden Die angegebene Rückruffunktion. Der Rückgabewert dieser Rückruffunktion ist das kumulative Ergebnis, und dieser Rückgabewert wird beim nächsten Aufruf der Rückruffunktion als Parameter bereitgestellt. 🎜🎜🎜Syntax: 🎜
🎜rrreee🎜function callbackfn( previousValue, currentVaule, currentIndex, array): erforderliche Parameter, geben Sie die Rückruffunktion an, die bis zu 4 Parameter empfangen kann: 🎜🎜 🎜🎜 previousValue: Der Wert, der beim letzten Aufruf der Rückruffunktion erhalten wurde. Wenn initialValue für die Methode Reduce() bereitgestellt wird, ist previousValue initialValue, wenn die Funktion zum ersten Mal aufgerufen wird. 🎜🎜🎜🎜currentValue: Der Wert des aktuellen Elementarrays. 🎜🎜🎜🎜currentIndex: Der numerische Index des aktuellen Array-Elements. 🎜🎜🎜🎜array: Array-Objekt, das das Element enthält. 🎜🎜🎜🎜initialValue: ein weggelassener Parameter, der an die Funktion übergebene Anfangswert. 🎜🎜Lassen Sie uns anhand von Codebeispielen mehr darüber erfahren: 🎜🎜🎜Beispiel: Array-Werte akkumulieren und summieren 🎜🎜rrreee🎜Ausgabeergebnisse: 🎜🎜🎜🎜🎜【Verwandte Empfehlungen: 🎜Javascript-Video-Tutorial🎜, 🎜Programmiervideo🎜】 🎜

Das obige ist der detaillierte Inhalt vonSo fügen Sie Array-Elemente in JavaScript hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!