Fünf Möglichkeiten zum Durchlaufen von JavaScript-Arrays

Wenn Sie Code in JavaScript schreiben, können Sie zum Durchlaufen eines Arrays mehrere Methoden verwenden, darunter For-Schleifen, ForEach-Schleifen, Map-Schleifen, ForIn-Schleifen und ForOf-Schleifen.

1. for-Schleife: grundlegend und einfach

Dies ist die grundlegendste und am häufigsten verwendete Methode zum Durchlaufen eines Arrays. Verschiedene Entwicklungssprachen unterstützen diese Methode im Allgemeinen.

sei arr = ['a','b','c','d','e'];
für (sei i = 0, len = arr.length; i < len; i++) {
  console.log(i); // 0 1 2 3 4
  konsole.log(arr[i]); //abcde
}

2. forEach()-Methode: Verwenden der Callback-Funktion

forEach() Dies ist eine Methode des Array-Objekts; sie akzeptiert eine Rückruffunktion als Parameter.
Es gibt drei Parameter in der Rückruffunktion:

• 1.: Array-Element (erforderlich)
• 2.: Indexwert des Array-Elements (optional)
• 3.: das Array selbst (optional)

sei arr = ['a','b','c','d','e'];
arr.fürJeden((Artikel,Index,arr)=> {
  konsole.log(Element); // abcde konsole.log(Index); // 0 1 2 3 4
  konsole.log(arr); // ['a','b','c','d','e']
})

3. map()-Methode: Verwenden der Callback-Funktion

Es wird auf die gleiche Weise wie die forEach()-Methode verwendet.

var arr = [
  {name:'a',age:'18'},
  {name:'b',age:'19'},
  {name:'c',age:'20'}
];
arr.map(Funktion(Element,Index) {
  wenn(item.name == 'b') {
    konsole.log(index) // 1
  }
})

4. for..in-Schleife: Durchlaufen von Objekten und Arrays

Mit der for…in-Schleife können Sie eine Schleife über Objekte und Arrays ausführen.
Empfohlen für die Objektschleife, kann auch zum Durchlaufen von JSON verwendet werden.

lass obj = {
  Name: 'Wang Dachui',
  Alter: '18',
  Gewicht: '70kg'
}
für (var Schlüssel in Objekt) {
  console.log(Schlüssel); // Name Alter Gewicht
  console.log(obj[Schlüssel]); // Wang Dachui 18 70kg
}
----------------------------
sei arr = ['a','b','c','d','e'];
für (var Schlüssel in arr) {
  console.log(Schlüssel); // 0 1 2 3 4 gibt den Array-Index zurück console.log(arr[Schlüssel]) // abcde
}

5. for…of-Schleife: Objekte und Arrays durchlaufen

Es wird zum Durchlaufen von Arrays empfohlen.

for...of bietet drei neue Methoden:

• key() ist eine Durchquerung des Schlüsselnamens;
• value() ist eine Durchquerung von Schlüsselwerten;
• entries() ist eine Durchquerung von Schlüssel-Wert-Paaren;

let arr = ['iFLYTEK', 'Politik und Recht BG', 'Front-End-Entwicklung'];
für (let item of arr) { 
 console.log(item); // iFLYTEK Politik und Recht BG Front-End-Entwicklung}
// Array-Index für (let item of arr.keys()) ausgeben { 
 konsole.log(Element); // 0 1 2
}
// Inhalt und Index für (let [item, val] of arr.entries()) { ausgeben 
 console.log(item + ':' + val); // 0: iFLYTEK 1: Politik und Recht BG 2: Front-End-Entwicklung}

6. Ergänzung

6.1. Probleme beim Abbrechen und Fortsetzen

In forEach、map、filter、reduce、every、some Funktionen werden break und continue nicht wirksam, da sie sich in der Funktion befinden, aber die Funktion löst das Problem der Closure-Trap.
Um „break“ oder „continue“ zu verwenden, können Sie for、for...in、for...of、while verwenden.

6.2 Arrays und Objekte

Um über Array-Elemente zu iterieren, verwenden Sie: for()，forEach()，map()，for...of .
Um eine Schleife über Objekteigenschaften durchzuführen, verwenden Sie: for...in .

Oben sind die Details der fünf Methoden der JavaScript-Array-Traversierung aufgeführt. Weitere Informationen zur JavaScript-Array-Traversierung finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!