JavaScript dla... w pętli
Przykłady
Iteruj (zapętl) właściwości obiektu:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Iteruj (zapętl) wartości tablicy:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Więcej przykładów poniżej.
Definicja i użycie
Kombinacja for...in
instrukcji iteruje (zapętla) właściwości obiektu.
Blok kodu wewnątrz pętli jest wykonywany raz dla każdej właściwości.
Notatka
Nie używaj for...in do iteracji tablicy, jeśli kolejność indeksów jest ważna. Zamiast tego użyj pętli for.
Zobacz też:
Składnia
for (x in
object) {
code block to be executed
}
Parametry
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
Instrukcje pętli JavaScript
Oświadczenie | Opis | |
złamać | Wyrywa się z pętli | |
kontyntynuj | Pomija wartość w pętli | |
dopóki | Zapętla blok kodu, gdy warunek jest prawdziwy | |
zrób...gdy | Zapętla blok kodu raz, a następnie, gdy warunek jest spełniony | |
dla | Zapętla blok kodu, gdy warunek jest prawdziwy | |
dla...z | Zapętla wartości dowolnego iterowalnego | |
dla w | Zapętla właściwości obiektu |
Więcej przykładów
Iteruj po właściwościach window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Obsługa przeglądarki
for...in
to funkcja ECMAScript1 (ES1).
ES1 (JavaScript 1997) jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |