Questo tutorial dimostrerà i modi per eseguire il ciclo/iterazione attraverso un semplice oggetto JavaScript.
Come eseguire il looping di un oggetto JavaScript semplice/semplice?
Per ripetere/iterare un semplice oggetto JavaScript, utilizzare i seguenti metodi:
Metodo 1: eseguire il ciclo attraverso un oggetto JavaScript semplice/semplice utilizzando il ciclo for-in
Per scorrere un oggetto, usa il ciclo 'for-in'. Itera su tutti gli attributi stringa enumerabili di un oggetto associati a un oggetto.
Sintassi
Utilizzare la sintassi fornita per utilizzare il ciclo for-in per scorrere un oggetto:
per ( variabile in oggetto )
Esempio
Crea un oggetto con proprietà in coppie chiave-valore:
era oggetto = {
'Javascript' : uno ,
'Giava' : 5 ,
'Pitone' : venti ,
'HTML' : 2 ,
'CSS' : undici
}
Passa sopra l'oggetto in base alle chiavi di un oggetto:
per ( cost chiave in oggetto ) {consolare. tronco d'albero ( `$ { chiave } : $ { oggetto [ chiave ] } ` ) ;
}
L'output mostra tutte le caratteristiche dell'oggetto in una coppia chiave-valore:
Metodo 2: loop attraverso un oggetto JavaScript normale/semplice utilizzando il metodo Object.keys()
Ogni proprietà in un oggetto ha un valore corrispondente, il che significa che ogni proprietà comprende coppie chiave-valore. È possibile estrarre le chiavi, i valori o entrambe le chiavi e i valori come voci in un array utilizzando i metodi statici dell'oggetto. Se vuoi recuperare le chiavi di un oggetto, utilizza il ' Oggetto.keys() ' metodo.
Sintassi
Segui la sintassi data per scorrere un oggetto per recuperare le proprietà/chiavi di un oggetto:
Esempio
Richiamare il metodo Object.keys() e memorizzare l'array risultante di chiavi dell'oggetto nella variabile ' objKeys ”:
Come puoi vedere nell'output, tutte le chiavi di un oggetto sono state recuperate con successo:
Metodo 3: loop attraverso un oggetto JavaScript normale/semplice utilizzando il metodo Object.values()
Per ottenere i valori di un oggetto rispetto alle sue proprietà, utilizzare il ' Oggetto.valori() ' metodo. Restituisce un array di valori per le proprietà/chiavi di un oggetto.
Sintassi
La sintassi data viene utilizzata per ottenere i valori dell'oggetto eseguendo un ciclo attraverso un oggetto:
Esempio
Richiamare il metodo Object.values() per ottenere i valori di un oggetto rispetto alle sue proprietà:
L'output visualizza una matrice di valori rispetto alle proprietà dell'oggetto:
Metodo 4: loop attraverso un oggetto JavaScript normale/semplice utilizzando il metodo Object.entries()
Puoi anche iterare attraverso un oggetto JavaScript semplice/semplice usando il ' Oggetto.voci() ' metodo. Genera un array di sotto-array contenenti coppie chiave-valore dell'oggetto dato.
Sintassi
La seguente sintassi viene utilizzata per ottenere le voci di un oggetto eseguendo il ciclo di un oggetto:
Esempio
Chiama il metodo Object.entries() sull'oggetto per recuperare tutte le voci di un oggetto:
Produzione
Abbiamo raccolto tutte le informazioni necessarie rilevanti per eseguire il looping di semplici oggetti JavaScript con oggetti come membri.
Conclusione
Per scorrere un oggetto JavaScript semplice/semplice, usa ' per-in ' ciclo continuo, ' Oggetto.keys() ' metodo, ' Oggetto.valori() ” metodo, o il “ Oggetto.voci() ' metodo. Il ciclo for-in e il metodo Object.entries() vengono utilizzati per ottenere tutte le coppie chiave-valore in un oggetto, mentre Object.keys() viene utilizzato per ottenere le chiavi e Object.values() per i valori di un oggetto. Questo tutorial ha dimostrato diversi modi per scorrere un semplice oggetto JavaScript.