JS-Array-Lernen: Durchlaufen Sie das Array und verdoppeln Sie alle Elementwerte

Im vorherigen Artikel haben wir zwei Methoden zum Iterieren von Arrays kennengelernt. Wenn Sie interessiert sind, können Sie auf den Link klicken, um → „JS Array Learning: Iterating Arrays to Calculate the Sum of Elements and Conkatate Values ​​in Strings“ zu lesen ". Dieses Mal lernen wir weiterhin JavaScript-Arrays und sehen, wie man das Array durchläuft und jedes Element im Array verarbeitet (zum Beispiel den doppelten Wert). Merken Die Methode besteht darin, die for-Schleife

zu verwenden, mit der wir alle Elementwerte leicht verdoppeln (d. h. mit 2 multiplizieren)

var a = [5,10,20];
for(var i=0;i<a.length;i++){
	a[i]=2*a[i];
}
console.log(a);

Ausgabeergebnis:

Das können Sie auch Verwenden Sie die for in-Anweisung, um das Array zu durchlaufen.

In der for/in-Schleifenstruktur stellt die Variable i den Index des Arrays dar und a[i] ist der Elementwert, der den angegebenen Index lesen kann.

var a = [10,20,30];
for(var i in a){
	a[i]=2*a[i];
}
console.log(a);

Ausgabeergebnis:

Sie können auch die im vorherigen Artikel erwähnte
forEach()-Methode verwenden, um das Array zu durchlaufen

. Diese Methode kann jedes Element des Arrays aufrufen und das Element an die Rückruffunktion übergeben .

var a = [20,30,40];
function f(value) {
	console.log(value*2);
}
a.forEach(f);

Ausgabeergebnisse:

Sie können auch die Methode map() verwenden, um das Array zu durchlaufen. Die Methode

map() kann die angegebene Rückruffunktion für jedes Element des Arrays aufrufen und ein Array zurückgeben, das Folgendes enthält die Ergebnisse

.

array.map(function callbackfn (value, index, array), thisArg);

: Eine Rückruffunktion, die bis zu drei Parameter akzeptiert:

function callbackfn (value, index, array)Wert: Der Wert des Array-Elements.

• index: Numerischer Index des Array-Elements.

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

• Lassen Sie uns anhand von Codebeispielen mehr darüber erfahren:

Beispiel 1: Alle Elementwerte verdoppeln (d. h. mit 2 multiplizieren)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);

Ausgabeergebnisse:

Beispiel 2: Verwenden Sie integriertes JavaScript. in Methoden Als Rückruffunktion

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

Okay, das ist alles. Wenn Sie es brauchen, können Sie sich Folgendes ansehen:

Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonJS-Array-Lernen: Durchlaufen Sie das Array und verdoppeln Sie alle Elementwerte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!