JavaScript per... in Loop
Esempi
Iterare (loop) sulle proprietà di un oggetto:
constperson = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x] + " ";
}
Iterare (loop) sui valori di un array:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let x in cars) {
text += cars[x] + " ";
}
Altri esempi di seguito.
Definizione e utilizzo
La for...in
combinazione di istruzioni esegue un'iterazione (ciclo continuo) sulle proprietà di un oggetto.
Il blocco di codice all'interno del ciclo viene eseguito una volta per ogni proprietà.
Nota
Non utilizzare for...in per iterare un array se l'ordine dell'indice è importante. Utilizzare invece un ciclo for.
Guarda anche:
Sintassi
for (x in
object) {
code block to be executed
}
Parametri
Parameter | Description |
x | Required. A variable to iterate over the properties. |
object | Required. The object to be iterated |
Dichiarazioni di ciclo JavaScript
Dichiarazione | Descrizione | |
rottura | Esce da un ciclo | |
Continua | Salta un valore in un ciclo | |
mentre | Esegue il ciclo di un blocco di codice mentre una condizione è vera | |
fare durante | Esegue il ciclo di un blocco di codice una volta, quindi finché una condizione è vera | |
per | Esegue il ciclo di un blocco di codice mentre una condizione è vera | |
per... di | Esegue il ciclo dei valori di qualsiasi iterabile | |
per... dentro | Esegue il ciclo delle proprietà di un oggetto |
Altri esempi
Iterare sulle proprietà di window.location:
let text = "";
for (let x in location) {
text += x + "
";
}
document.getElementById("demo").innerHTML = text;
Supporto browser
for...in
è una funzione ECMAScript1 (ES1).
ES1 (JavaScript 1997) è completamente supportato in tutti i browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |