Plusieurs méthodes de parcours couramment utilisées pour itérable en javascript

Cet article vous présente quelques méthodes de parcours couramment utilisées pour les itérables en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Dans es6, de nouveaux objets Map et Set sont introduits. Array peut être parcouru via des indices, tandis que Map et Set ne peuvent pas être parcourus via des indices. Afin d'unifier les collections, es a introduit un nouveau type itérable. Les types Array, Map et Set appartiennent tous à iterable.

Parlez de plusieurs méthodes de traversée couramment utilisées.

1.for..in

var a = [1,2,3];for(var index in a ){
    console.log(index);    console.log(a[index]);}

Les sorties ci-dessus 0,1,2 1,2,3 respectivement

Seul Array peut avoir for..in Map et Set ne peut pas être utilisé, for..in parcourt l'index

2 for..of

for(var x of a){
    console.log(x);}

var d =  new Set(['A', 'B', 'C']);for(var dd of d){
    console.log(dd);}

for..of parcourt la valeur

.

C'est le résultat de l'opération ci-dessus.

La différence entre for..of et for..in

for..of est un concept nouvellement introduit dans es6,

for ... in boucle en raison de problèmes historiques , ce qui est parcouru est en fait le nom d'attribut de l'objet. Un tableau Array est en fait un objet et l'index de chaque élément est traité comme une propriété.

Lorsque nous ajoutons manuellement des attributs supplémentaires à l'objet Array, la boucle for ... in apportera des effets inattendus et inattendus :

var a = ['A', 'B', 'C'];
a.name = 'Hello';for (var x in a) {
    console.log(x); // '0', '1', '2', 'name'

Méthode 3.foreach()

var d =  new Set(['A', 'B', 'C']);for(var dd of d){
    console.log(dd);}

var s2 = new Map([[1,'hxy'],[2,'yyw'],[3,'zzh']]);s2.forEach(function (value,key,map) {
    console.log(key+":"+value);})

Ce qui précède est une introduction complète à plusieurs méthodes de parcours courantes d'itérable en javascript Si vous souhaitez en savoir plus sur JavaScript Pour les didacticiels vidéo <.>, veuillez faire attention au site Web PHP chinois.

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!