JavaScript pour... dans la boucle
Exemples
Itérer (boucle) sur les propriétés d'un objet :
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Itérer (boucle) sur les valeurs d'un tableau :
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Plus d'exemples ci-dessous.
Définition et utilisation
La for...in
combinaison d'instructions itère (boucle) sur les propriétés d'un objet.
Le bloc de code à l'intérieur de la boucle est exécuté une fois pour chaque propriété.
Noter
N'utilisez pas for...in pour itérer un tableau si l'ordre de l'index est important. Utilisez plutôt une boucle for.
Voir également:
Syntaxe
for (x in
object) {
code block to be executed
}
Paramètres
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
Instructions de boucle JavaScript
Déclaration | La description | |
Pause | Sort d'une boucle | |
Continuez | Ignore une valeur dans une boucle | |
tandis que | Boucle un bloc de code alors qu'une condition est vraie | |
faire pendant | Boucle un bloc de code une fois, puis tant qu'une condition est vraie | |
pour | Boucle un bloc de code alors qu'une condition est vraie | |
pour... de | Boucle les valeurs de tout itérable | |
pour... dans | Boucle les propriétés d'un objet |
Plus d'exemples
Itérer sur les propriétés de window.location :
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Prise en charge du navigateur
for...in
est une fonctionnalité ECMAScript1 (ES1).
ES1 (JavaScript 1997) est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |