Lezioni del modulo (2/4)
for…of e for…in
JavaScript ha due loop "ergonomici" da non confondere:
for…ofitera i valori di una collezione iterabile (array, stringa, Set, Map...).for…initera le chiavi enumerabili di un oggetto.
Sono parenti stretti e si scambiano facilmente — usare quello sbagliato è una delle prime trappole del linguaggio.
for…of per array e stringhe
const colori = ['rosso', 'verde', 'blu'];
for (const c of colori) {
console.log(c); // 'rosso', 'verde', 'blu'
}
for (const ch of 'abc') {
console.log(ch); // 'a', 'b', 'c'
}Non ti dà l'indice. Se ti serve anche l'indice, usa entries():
for (const [i, c] of colori.entries()) {
console.log(i, c); // 0 rosso, 1 verde, 2 blu
}for…in per oggetti
const utente = { nome: 'Anna', eta: 30, citta: 'Roma' };
for (const chiave in utente) {
console.log(chiave, utente[chiave]); // 'nome' 'Anna', ...
}Quando NON confonderli
const colori = ['rosso', 'verde', 'blu'];
// SBAGLIATO: stampa gli indici come stringhe!
for (const x in colori) {
console.log(x); // '0', '1', '2'
}
// GIUSTO
for (const x of colori) {
console.log(x); // 'rosso', 'verde', 'blu'
}Prova tu
Definisci `concat(words)` che, data una lista di stringhe, restituisca una stringa con tutte concatenate, separate da uno spazio. Usa for…of.
Mostra suggerimento
Accumula in una stringa; aggiungi lo spazio solo se non è la prima parola.
Soluzione disponibile dopo 3 tentativi
Esercizio di ripasso
Definisci `positiveValues(obj)` che restituisce un array con i valori dell'oggetto che sono numeri > 0. Usa for…in. L'ordine deve essere quello di iterazione delle chiavi.
Mostra suggerimento
Cicla con for...in sulle chiavi, filtra con typeof e > 0, push nei risultati.
Soluzione disponibile dopo 3 tentativi