In questo tutorial imparerai a usare JavaScript per … in loop con l'aiuto di esempi.
Nei tutorial precedenti, abbiamo coperto:
- JavaScript while e do … while loop
- JavaScript per loop
Esistono anche altri tipi di loop. Il for… inciclo in JavaScript ti consente di iterare su tutte le chiavi di proprietà di un oggetto.
JavaScript per … in loop
La sintassi del for… inciclo è:
for (key in object) ( // body of for… in )
In ogni iterazione del ciclo, una chiave viene assegnata alla variabile chiave. Il ciclo continua per tutte le proprietà degli oggetti.
Nota : una volta ottenute le chiavi, puoi facilmente trovarne il valore.
Esempio 1: itera attraverso un oggetto
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Produzione
nome => classe Monica => 7 anni => 12
Nel programma precedente, il for… inciclo viene utilizzato per iterare studentsull'oggetto e stampare tutte le sue proprietà.
- La chiave dell'oggetto viene assegnata alla chiave della variabile.
student(key)viene utilizzato per accedere al valore della chiave.
Esempio 2: aggiornare i valori delle proprietà
const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )
Produzione
Jack: $ 24000, Paul: $ 34000, Monica: $ 55000
Nell'esempio precedente, il for… inciclo viene utilizzato per iterare sulle proprietà salariesdell'oggetto. Quindi, la stringa $viene aggiunta a ogni valore dell'oggetto.
per … in with Strings
Puoi anche usare il for… inciclo per iterare sui valori di stringa. Per esempio,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Produzione
codice
per … in con Arrays
Puoi anche usarlo for… incon gli array. Per esempio,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Produzione
ciao 1 JavaScript
Imparerai di più sugli array nei tutorial successivi.
Nota : non dovresti usare for… inper iterare su un array in cui l'ordine dell'indice è importante.
Uno dei modi migliori per iterare su un array è usare il for… ofciclo.
Per ulteriori informazioni sul for… ofciclo, visitare JavaScript per… of loop.
