JavaScript voor...in Loop
Voorbeelden
Herhaal (loop) over de eigenschappen van een object:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Herhaal (loop) over de waarden van een array:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Hieronder meer voorbeelden.
Definitie en gebruik
De for...in
combo-statements herhalen (lussen) over de eigenschappen van een object.
Het codeblok in de lus wordt voor elke eigenschap eenmaal uitgevoerd.
Opmerking
Gebruik for...in niet om een array te herhalen als de indexvolgorde belangrijk is. Gebruik in plaats daarvan een for-lus.
Zie ook:
Syntaxis
for (x in
object) {
code block to be executed
}
Parameters:
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
JavaScript-lusverklaringen
Stelling | Beschrijving | |
pauze | Breekt uit een lus | |
doorgaan | Slaat een waarde in een lus over | |
terwijl | Loopt een codeblok in een lus terwijl een voorwaarde waar is | |
doen terwijl | Loopt een codeblok één keer in een lus, en dan terwijl een voorwaarde waar is | |
voor | Loopt een codeblok in een lus terwijl een voorwaarde waar is | |
voor...van | Loopt de waarden van elke iterable in een lus | |
voor in | Loopt de eigenschappen van een object in een lus |
Meer voorbeelden
Herhaal de eigenschappen van window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Browserondersteuning
for...in
is een ECMAScript1 (ES1)-functie.
ES1 (JavaScript 1997) wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |