Maison  >  Article  >  interface Web  >  Exemples de méthodes courantes pour le parcours de tableaux dans JS

Exemples de méthodes courantes pour le parcours de tableaux dans JS

韦小宝
韦小宝original
2018-03-14 18:47:481309parcourir

Cet article partage principalement avec vous des exemples de méthodes courantes de parcours de tableaux en JS. Il y a trois méthodes dans cet article, j'espère qu'il pourra vous aider.

Le premier type : boucle for

for(var i=0 , len= arr.length ; i<len ; i++){  代码块 }

Le deuxième type : forEach

var arr=[12,14,15,17,18];
var res=arr.forEach(function(item,index,input){
   input[index]=item*10;
});
console.log(res);     //undefined
console.log(arr);     //会对原来的数组产生改变

Description du paramètre : item : l'élément actuel dans le tableau

                                                                                                                          ​Le tableau d'origine ne change pas non plus, car la valeur infud n'a pas changé)

Autres descriptions : Cette fonction anonyme pointe vers Windows

Si le tableau est modifié dans la fonction anonyme, il sera modifié dans le tableau d'origine

var arr=[12,14,15,17,18];
var res=arr.forEach(function(item,index,input){
   return item*10;
});
console.log(res);     //undefined
console.log(arr);     //[12,14,15,17,18]没变
Le troisième type : map


Description du paramètre : item : l'élément actuel dans le tableau

index : l'index de l'élément actuel

var arr=[12,14,15,17,18];
var res=arr.map(function(item,index,input){
    return item*10;
});
console.log(res);    //[120,140,150,170,180]
console.log(arr);    //[12,14,15,17,18]
entrée : entrée du tableau d'origine

Remarque importante : il y a une valeur de retour (si aucune valeur de retour n'est donnée, res n'est pas défini, mais res est bien un tableau. Tant que l'entrée est modifiée, le tableau d'origine changera)


Autres instructions : celle de la fonction anonyme pointe vers Windows

Si le tableau est modifié dans la fonction anonyme, il sera modifié en tableau d'origine

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn