Was nützt die foreach-Anweisung in Vue?

In Vue wird die foreach-Anweisung hauptsächlich verwendet, um jedes Element des Arrays aufzurufen und das Element an die Rückruffunktion zu übergeben. Die Syntax lautet „array.forEach(function(currentValue, index, array), thisValue)“.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Was ist die Verwendung der foreach-Anweisung in vue? forEach() ist eine Methode zum Betreiben von Arrays in der Front-End-Entwicklung. Ihre Hauptfunktion besteht darin, das Array zu durchlaufen erfordert eine Callback-Funktion als Parameter. Die formalen Parameter der Rückruffunktion sind: 1. Wert: Durchlaufen des Inhalts des Arrays; 2. Index: der Index des entsprechenden Arrays, 3. Array: das Array selbst.

Im Vue-Projekt verwendet die Schleife im Label v-for und die Schleife in der Methode forEach.

1. Verwendungsprinzip von forEach()

Die Methode forEach() wird hauptsächlich verwendet, um jedes Element des Arrays aufzurufen und das Element an die Rückruffunktion zu übergeben. Es ist zu beachten, dass die Methode forEach() die Rückruffunktion nicht für ein leeres Array ausführt.

forEach: Array.prototype.forEach, eine Methode, die nur für Arrays verfügbar ist und einer for-Schleife entspricht, die das Array durchläuft. Verwendung: arr.forEach(function(item,index,array){...}), die Rückruffunktion hat 3 Parameter, item ist das aktuell durchlaufene Element, index ist der Index des aktuell durchlaufenen Elements, array ist das Array selbst . Die

forEach-Methode überspringt keine Null- und undefinierten Elemente. Beispielsweise werden alle vier Elemente im Array [1, undefiniert, null, 2] durchlaufen. Beachten Sie den Unterschied zur Karte.

2. forEach()-Syntax

array.forEach(function(currentValue, index, array), thisValue)

Beispiel:

array.forEach(function(item,index,array){ ... })

forEach() Andere verwandte Inhalte

continue und break von forEach(): forEach() selbst unterstützt keine continue- und break-Anweisungen, kann es aber sein Ich habe einiges und jedes durchgemacht, um es zu erreichen.

Der Unterschied zwischen forEach() und map: forEach() hat keinen Rückgabewert und entspricht im Wesentlichen einer for-Schleife, die die Funktion function für jedes Element ausführt. Das heißt, „map“ gibt ein neues Array zurück und das ursprüngliche Array bleibt unverändert, während „forEach“ das ursprüngliche Array ändert.

Vergleich zwischen forEach() und for-Schleife: Die for-Schleife besteht aus vielen Schritten und ist komplizierter, während die forEach-Schleife relativ einfach, benutzerfreundlich und weniger fehleranfällig ist.

forEach() Beispiel:

Beispiel eins:

let array = [1, 2, 3, 4, 5, 6, 7];
array.forEach(function (item, index) {
console.log(item); //输出数组的每一个元素
});

Beispiel zwei:

var array=[1, 2, 3, 4, 5];
array.forEach(function(item, index, array){
array[index]=4 * item;
});
console.log(array); //输出结果：修改了原数组元素，为每个元素都乘以4

[Verwandte Empfehlung: „

vue.js Tutorial

“]

Das obige ist der detaillierte Inhalt vonWas nützt die foreach-Anweisung in Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!