Maison > interface Web > js tutoriel > le corps du texte

Résumé des méthodes de parcours de tableaux en JavaScript

黄舟
Libérer: 2017-11-09 14:59:15
original
1776 Les gens l'ont consulté

Je pense que tout le monde connaît le rôle des tableaux. Il gère l'espace de stockage de plusieurs données par lots. Les tableaux ont une longue structure de données, ce qui peut grandement améliorer l'efficacité d'exécution des programmes, que ce soit en PHP ou En JavaScript<.> ou en jQuery, la forme des tableaux est divisée en tableaux d'index et tableaux associatifs, alors comment parcourir le tableau ! Ci-dessous, nous vous donnerons une introduction détaillée au Tableau JavaScript traversée ~

1.for(){} traversée d'un tableau

<script type="text/javascript">
 <!--
var arr = new Array(13.5,3,4,5,6);
for(var i=0;i<arr.length;i++){
 arr[i] = arr[i]/2.0;
}
alert(arr);
 //-->
 </script>
Copier après la connexion

2. La boucle for in parcourt le tableau

<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>
Copier après la connexion

3. Méthode forEach Remarque : la méthode forEach() est introduite par l'ES5.1. standard.

var arr=[1,2,3,4,5,6];
arr.forEach(function(v,i){//v==value 为arr项,i==index 为arr索引
    console.log(i+&#39;  &#39;v );
})//输出0  11  22  33  44  55  6
Copier après la connexion

4. Une nouvelle méthode == for of== a été ajoutée dans la dernière norme ES6

for of méthode Les boucles d'indices peuvent être utilisées pour parcourir Array, mais les indices ne peuvent pas être utilisés pour parcourir Map et Set. Map, set – pas d'indice, ne peut pas utiliser d'index pour parcourir
Afin d'unifier les types de collections, la norme ES6 introduit un nouveau type itérable,
Array, Map et Set appartiennent tous à des types itérables.
== Les collections de type itérable peuvent être parcourues via la nouvelle boucle for ... of. ==

var arr=[1,2,3,4,5,6];for(var value of Arr){
    console.log(value);
}  //输出123456
Copier après la connexion

Résumé :

Ceci est le résumé des méthodes de traversée de tableaux JavaScript. Je pense que vous avez raison<.> Nous avons une certaine compréhension du parcours de tableaux , mais dans notre développement actuel, nous devons encore choisir en fonction de nos propres besoins, car l'efficacité d'exécution de certaines méthodes n'est pas la meilleure ! A utiliser donc avec prudence !

Recommandations associées :

1.

Explication détaillée de la différence entre la traversée de tableaux javascript pour et pour dans

2.

traversée de tableau php et de tableau js

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal