Heim >Web-Frontend >Front-End-Fragen und Antworten >So implementieren Sie Array-Traversal in es6
Methode: 1. Verwenden Sie die Methode „array.keys()“, die den Array-Index durchlaufen kann. 2. Verwenden Sie die Methode „array.values()“, die die Array-Elemente durchlaufen kann .entries() )“-Methode, die den Index und die Elemente des Arrays durchlaufen kann.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.
ES6 bietet die Methoden „entry()“, „keys()“ und „values()“, um den Traverser des Arrays zurückzugeben. Für den Iterator (Iterator) können Sie der Einfachheit halber for...of verwenden , oder Sie können den von Einträgen () zurückgegebenen Iterator verwenden, der von der Methode Iterator.next () durchlaufen wird.
1. Verwenden Sie zum Durchlaufen die Tasten ().
keys() gibt einen Traverser von Array-Element-Indexnummern zurück.
const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k'] for (let index of arr1.keys()) { console.log(index); }
Ergebnis:
Sie können sehen, dass die Ausgabe der Index jedes Array-Elements ist.
0 1 2 3 4 5 6 7 8 9 10
2. Verwenden Sie zum Durchlaufen die Werte().
values() gibt einen Traverser von Array-Elementwerten zurück.
for (let val of arr1.values()) { console.log(val); }
Ergebnis:
a b c d e f g h i j k
3. Verwenden Sie Einträge() zum Durchlaufen.
Mit der Destrukturierung können Sie den Index und den Wert des Elements ermitteln.
for (let [index, val] of arr1.entries()) { console.log(index, val); }
Ergebnis:
0 'a' 1 'b' 2 'c' 3 'd' 4 'e' 5 'f' 6 'g' 7 'h' 8 'i' 9 'j' 10 'k'
4. Verwenden Sie Iterator.next() zum Durchlaufen.
Basierend auf dem von Einträgen () zurückgegebenen Traverser kann durch Aufrufen der Methode next () des Traversers der Zugriffseintrag für jedes Element abgerufen werden. Der Eintrag verfügt über ein erledigtes Attribut, um anzugeben, ob das Ende bequem ist. Sie können das Wertattribut über den Eingang abrufen, bei dem es sich um den Index des Elements und das Wertearray handelt.
let arrEntries=arr1.entries(); let entry=arrEntries.next(); while(!entry.done){ console.log(entry.value); entry=arrEntries.next(); }
Ergebnis:
[ 0, 'a' ] [ 1, 'b' ] [ 2, 'c' ] [ 3, 'd' ] [ 4, 'e' ] [ 5, 'f' ] [ 6, 'g' ] [ 7, 'h' ] [ 8, 'i' ] [ 9, 'j' ] [ 10, 'k' ]
[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]
Das obige ist der detaillierte Inhalt vonSo implementieren Sie Array-Traversal in es6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!