JavaScript für ... in Schleife
Beispiele
Iterieren (Schleife) über die Eigenschaften eines Objekts:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Iteriere (Schleife) über die Werte eines Arrays:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Weitere Beispiele unten.
Definition und Verwendung
Die for...in
Anweisungskombination durchläuft (Schleifen) die Eigenschaften eines Objekts.
Der Codeblock innerhalb der Schleife wird einmal für jede Eigenschaft ausgeführt.
Notiz
Verwenden Sie for...in nicht, um ein Array zu durchlaufen, wenn die Indexreihenfolge wichtig ist. Verwenden Sie stattdessen eine for-Schleife.
Siehe auch:
Syntax
for (x in
object) {
code block to be executed
}
Parameter
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
JavaScript-Schleifenanweisungen
Erklärung | Beschreibung | |
brechen | Bricht aus einer Schleife aus | |
Fortfahren | Überspringt einen Wert in einer Schleife | |
während | Schleift einen Codeblock, während eine Bedingung wahr ist | |
tun ... während | Schleift einen Codeblock einmal und dann solange eine Bedingung wahr ist | |
Pro | Schleift einen Codeblock, während eine Bedingung wahr ist | |
für ... von | Schleift die Werte aller Iterablen | |
für in | Schleift die Eigenschaften eines Objekts |
Mehr Beispiele
Iterieren Sie über die Eigenschaften von window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Browser-Unterstützung
for...in
ist eine ECMAScript1 (ES1)-Funktion.
ES1 (JavaScript 1997) wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |