Comment parcourir un tableau en JavaScript

La méthode la plus simple pour parcourir un tableau en JavaScript consiste à utiliser la boucle « for ».
 
 
L’exemple suivant vous montrera comment afficher toutes les valeurs d’un tableau en JavaScript, une par une.
 

Code source :
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
var colors = ["Blue", "Red", "Orange", "Green"];
// Parcourir le tableau et afficher toutes les valeurs
for(var i = 0; i < colors.length; i++){
document.write(" " + colors[i] + " ");
}
var colors = ["Blue", "Red", "Orange", "Green"]; // Parcourir le tableau et afficher toutes les valeurs for(var i = 0; i < colors.length; i++){ document.write(" " + colors[i] + " "); }
var colors = ["Blue", "Red", "Orange", "Green"];
    
// Parcourir le tableau et afficher toutes les valeurs
for(var i = 0; i < colors.length; i++){
    document.write(" " + colors[i] + " ");
}

Vous pouvez également utiliser la nouvelle boucle « for-of » de l’ES6 pour parcourir un tableau, comme ceci:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
var colors = ["Blue", "Red", "Orange", "Green"];
// Parcourir le tableau et afficher toutes les valeurs
for(var color of colors){
document.write(" " + color + " ");
}
var colors = ["Blue", "Red", "Orange", "Green"]; // Parcourir le tableau et afficher toutes les valeurs for(var color of colors){ document.write(" " + color + " "); }
var colors = ["Blue", "Red", "Orange", "Green"];
    
// Parcourir le tableau et afficher toutes les valeurs
for(var color of colors){
    document.write(" " + color + " ");
}

Consultez le tutoriel sur les fonctionnalités de JavaScript ES6 pour en savoir plus sur les nouvelles fonctionnalités introduites dans ES6.
Les principales nouveautés de JavaScript ES6

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *