Comment implémenter le parcours de tableau dans ES6

Méthode : 1. Utilisez la méthode "array.keys()", qui peut parcourir l'index du tableau ; 2. Utilisez la méthode "array.values()", qui peut parcourir les éléments du tableau ; .entries() )", qui peut parcourir l'index et les éléments du tableau.

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Comment implémenter le parcours de tableau dans es6

ES6 fournit des méthodes entrées(), clés(), valeurs() pour renvoyer le traverseur du tableau Pour l'itérateur (Iterator), vous pouvez utiliser for...of pour plus de commodité. , ou vous pouvez utiliser L'itérateur renvoyé par inputs() est parcouru par la méthode Iterator.next().

1. Utilisez keys() pour parcourir.

keys() renvoie un traverseur de numéros d'index d'éléments de tableau.

const arr1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k']
for (let index of arr1.keys()) {
  console.log(index);
}

Résultat :

Vous pouvez voir que la sortie est l'index de chaque élément du tableau.

0  
1  
2  
3  
4  
5  
6  
7  
8  
9  
10

2. Utilisez values() pour parcourir.

values() renvoie un traverseur de valeurs d'éléments de tableau.

for (let val of  arr1.values()) {
  console.log(val);
}

Résultat :

a 
b 
c 
d 
e 
f 
g 
h 
i 
j 
k

3. Utilisez les entrées() pour parcourir.

Utilisé avec la déstructuration, vous pouvez obtenir l'index et la valeur de l'élément.

for (let [index, val] of arr1.entries()) {
  console.log(index, val);
}

Résultat :

0 'a'
1 'b'
2 'c'
3 'd'
4 'e'
5 'f'
6 'g'
7 'h'
8 'i'
9 'j'
10 'k'

4. Utilisez Iterator.next() pour parcourir.

Basé sur le traverseur renvoyé par inputs(), l'appel de la méthode next() du traverseur peut obtenir l'entrée d'accès de chaque élément. L'entrée a un attribut done pour indiquer s'il est pratique de terminer. Vous pouvez obtenir l'attribut value via l'entrée, qui est l'index de l'élément et le tableau de valeurs.

let arrEntries=arr1.entries();
let entry=arrEntries.next();
while(!entry.done){
  console.log(entry.value);
  entry=arrEntries.next();
}

Résultat :

[ 0, 'a' ]
[ 1, 'b' ]
[ 2, 'c' ]
[ 3, 'd' ]
[ 4, 'e' ]
[ 5, 'f' ]
[ 6, 'g' ]
[ 7, 'h' ]
[ 8, 'i' ]
[ 9, 'j' ]
[ 10, 'k' ]

[Recommandations associées : tutoriel vidéo javascript, front-end web]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!