for en JavaScript sur un tableau
Une grande partie viens de MDN.
for
for ([initialisation]; [condition]; [expression_finale]) { instruction }
Permet d’initialiser des variables, de spécifier une condition pour finir la boucle, une expression final exécuté a la fin de chaque boucle et enfin les instructions a effectuer.
let str = ""; for (let i = 0; i < 9; i++) { str = str + i; } console.log(str); // "012345678"
for…in
for (variable in objet) { instructions }
Utile pour parcourir les propriété d’un objet. Attention avec les tableau car l’ordre de parcours n’est pas garantie.
var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log(`obj.${prop} = ${obj[prop]}`); } // Affiche dans la console : // "obj.a = 1" // "obj.b = 2" // "obj.c = 3"
for…of
for (variable of iterable) { instruction }
Permet de parcourir tout objet itérable et d’exécuter les instructions.
let iterable = new Map([['a', 1], ['b', 2], ['c', 3]]); for (let element of iterable) { console.log(element); } // ['a', 1] // ['b', 2] // ['c', 3] for (let [clef, valeur] of iterable) { console.log(clef + ':' + valeur); } // a:1 // b:2 // c:3
Array.forEach
arr.forEach(callback); arr.forEach(callback, thisArg);
Exécute la fonction callback sur chacun des éléments.
const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // "a" // "b" // "c" [2, 5, , 9].forEach(function(element, index, array) { console.log("a[" + index + "] = " + element); }); // a[0] = 2 // a[1] = 5 // a[3] = 9
Sources:
- https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/for
- https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/for…in
- https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/for…of
- https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/forEach