JavaScript per In
Il For In Loop
L'istruzione JavaScript for in
scorre le proprietà di un oggetto:
Sintassi
for (key in object) {
// code block to be executed
}
Esempio
const person = {fname:"John", lname:"Doe", age:25};
let text = "";
for (let x in person) {
text += person[x];
}
Esempio spiegato
- Il ciclo for in itera su un oggetto persona
- Ogni iterazione restituisce una chiave (x)
- La chiave viene utilizzata per accedere al valore della chiave
- Il valore della chiave è person[x]
Per In Over Array
L'istruzione JavaScript for in
può anche scorrere le proprietà di un array:
Sintassi
for (variable in array) {
code
}
Esempio
const numbers = [45, 4, 9, 16, 25];
let txt = "";
for (let x in numbers) {
txt += numbers[x];
}
Non utilizzare per in su un array se l' ordine dell'indice è importante.
L'ordine dell'indice dipende dall'implementazione e potrebbe non essere possibile accedere ai valori dell'array nell'ordine previsto.
È meglio usare un ciclo for , un ciclo for of o Array.forEach() quando l'ordine è importante.
Array.forEach()
Il forEach()
metodo chiama una funzione (una funzione di callback) una volta per ogni elemento dell'array.
Esempio
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt += value;
}
Nota che la funzione accetta 3 argomenti:
- Il valore dell'oggetto
- L'indice degli articoli
- L'array stesso
L'esempio precedente utilizza solo il parametro value. Può essere riscritto in:
Esempio
const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);
function myFunction(value) {
txt += value;
}