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