JavaScript pour dans
La boucle For In
L'instruction JavaScript for inparcourt les propriétés d'un objet :
Syntaxe
for (key in object) {
// code block to be executed
}
Exemple
const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
Exemple expliqué
- La boucle for in itère sur un objet personne
- Chaque itération renvoie une clé (x)
- La clé est utilisée pour accéder à la valeur de la clé
- La valeur de la clé est personne[x]
Pour dans les tableaux
L'instruction JavaScript for inpeut également boucler sur les propriétés d'un Array :
Syntaxe
for (variable in array) {
code
}
Exemple
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
N'utilisez pas for in sur un tableau si l' ordre de l'index est important.
L'ordre de l'index dépend de l'implémentation et les valeurs de tableau peuvent ne pas être accessibles dans l'ordre attendu.
Il est préférable d'utiliser une boucle for , une boucle for of ou Array.forEach() lorsque l'ordre est important.
Array.forEach()
La forEach()méthode appelle une fonction (une fonction de rappel) une fois pour chaque élément du tableau.
Exemple
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
Notez que la fonction prend 3 arguments :
- La valeur de l'article
- L'index des articles
- Le tableau lui-même
L'exemple ci-dessus utilise uniquement le paramètre value. Il peut être réécrit en :
Exemple
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}