Ausführliche Erklärung zum Durchlaufen von Arrays in JavaScript

In diesem Artikel erfahren Sie, wie JavaScriptein Array durchläuft Wenn Sie sich mit dem Durchlaufen von Arrays durch JavaScript nicht auskennen, werfen wir einen Blick darauf Artikel, lassen Sie uns den Unsinn abschneiden und zur Sache kommen

Dieser Artikel fasst die Methode zum Durchlaufen eines Arrays in js zusammen:

Problem: Durchlaufen Sie das Array arr und konvertieren Sie alle Elemente in Großbuchstaben

var arr = ['a','b','c','d'];

Methode 1: for-Schleife Diese Methode wird häufiger verwendet

"use strict";var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];var arrUp = [];for(var i = 0; i < arr.length; i++){
    arrUp.push(arr[i].toUpperCase());
}
console.log(arrUp);             //['A','B','C','D']

Methode 2: for in-Schleife Diese Methode wird normalerweise verwendet, um Objekte zu durchlaufen (Array ist ein spezielles Objekt)

"use strict";var arr = ['a','b','c','d'];var arrUp = [];for(var i in arr){
    arrUp.push(arr[i].toUpperCase());
}
console.log(arrUp);             //['A','B','C','D']

Methode 3: forEach-Methode Array-Iterationsmethode (unten erklärt)
Rückgabewert: Kein Rückgabewert

"use strict";var arr = ['a','b','c','d'];var arrUp = [];
arr.forEach(function(key, index, array){
    arrUp.push(key.toUpperCase());
});
console.log(arrUp);             //['A','B','C','D']

Methode 4: Kartenmethode Array-Iterationsmethode (unten erklärt)
Rückgabewert: Gibt ein Array zurück, das aus den Ergebnissen jedes Funktionsaufrufs besteht

"use strict";var arr = ['a','b','c','d'];var arrUp = arr.map(function(key, index, array){
    return key.toUpperCase();
});
console.log(arrUp);             //['A','B','C','D']

Für die obige einfache Frage sind diese vier Methoden möglicherweise relativ besser, aber das erste Problem ist komplizierter

var arr = [1, 4, 10, 5, 8];

Frage: Für dieses Array zählen Sie bitte die Anzahl der Array-Elemente größer als 6
Um nur ein einfaches Beispiel zu nennen: Die oben genannten vier Methoden funktionieren auch, aber es kann schwieriger sein, sie zu beurteilen. Hier sind die Methoden zum Durchlaufen von Arrays, die möglicherweise besser sind.

Array-Iterationsmethode

Die folgende Methode, nur der Rückgabewert ist unterschiedlich, der Rest ist genau derselbe: Empfängt 2 Parameter, a Funktion (erforderlich)) und das Scope-Objekt, das die Funktion ausführt (optional, im Allgemeinen nicht verwendet, ich weiß im Moment nicht, was die Magie ist, daher werde ich nicht zu viel erklären)

//要接受的函数，本文叫判断函数function(key, index, array){
    //key： 数组项值
    //index： 该项的数组下标
    //arr：待操作的数组}

Methode 5: jede Methode
Rückgabewert: Wenn die Beurteilungsfunktion für jedes Element von „true“ zurückgibt, dann geben Sie „true“ zurück
Verwendung: Erkennen Sie jedes Element im Array basierend auf der Bedingung und möchten Sie nur den booleschen Wert erhalten

"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.every(function(key, index, array){
    return (key > 2);
});
console.log(arrTest);   //false

Methode 6: Filtermethode
Rückgabewert: Gibt ein Array zurück. Die Array-Elemente bestehen aus Elementen, für die die Beurteilungsfunktion „true“ zurückgibt.
Verwendung: Bedingte Filterung

"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.filter(function(key, index, array){
    return (key > 6);
});
console.log(arrTest);   //[10, 8]

Methode 7: eine Methode
Rückgabewert: Wenn die Beurteilungsfunktion für jedes Element von <🎜 „true“ zurückgibt >, dann true zurückgeben
Verwendung: Bedingte Filterung

"use strict";var arr = [1, 4, 10, 5, 8];var arrTest = arr.some(function(key, index, array){
    return (key > 6);
});
console.log(arrTest);   //true

Verwandte Empfehlungen:

Zusammenfassung der JavaScript-Methoden zum Durchlaufen von Arrays

Verwendung der For-In-Schleife und der For-Schleife zum Durchlaufen des Arrays

Methode der While-Schleife zum Durchlaufen des Arrays

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Durchlaufen von Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!