Ovaj vodič će pokazati načine petlje/iteracije kroz jednostavan JavaScript objekt.
Kako proći kroz običan/jednostavan JavaScript objekt?
Za petlju/iteraciju kroz jednostavan JavaScript objekt koristite sljedeće metode:
Metoda 1: Prolazak kroz običan/jednostavni JavaScript objekt pomoću petlje for-in
Za kretanje kroz objekt koristite petlju 'za-unutar'. Iterira kroz sve nabrojive atribute niza objekta koji su povezani s objektom.
Sintaksa
Upotrijebite dostavljenu sintaksu za korištenje for-in petlje za petlju kroz objekt:
za ( varijabla u objekt )
Primjer
Stvorite objekt sa svojstvima u parovima ključ-vrijednost:
bio je objekt = {
'JavaScript' : jedan ,
'Java' : 5 ,
'Piton' : dvadeset ,
'HTML' : 2 ,
'CSS' : jedanaest
}
Pređite preko objekta na temelju ključeva objekta:
za ( konst ključ u objekt ) {konzola. log ( `$ { ključ } : $ { objekt [ ključ ] } ` ) ;
}
Izlaz prikazuje sve karakteristike objekta u paru ključ-vrijednost:
Metoda 2: Prolazak kroz običan/jednostavni JavaScript objekt pomoću metode Object.keys()
Svako svojstvo u objektu ima odgovarajuću vrijednost, što znači da svako svojstvo sadrži parove ključ-vrijednost. Možete izdvojiti ključeve, vrijednosti ili oba ključa i vrijednosti kao unose u nizu pomoću statičkih metoda objekta. Ako želite dohvatiti ključeve objekta, upotrijebite ' Object.keys() ” metoda.
Sintaksa
Slijedite zadanu sintaksu za kretanje kroz objekt da biste dohvatili svojstva/ključeve objekta:
Primjer
Pozovite metodu Object.keys() i pohranite rezultirajući niz ključeva objekta u varijablu ' objKeys ”:
Kao što možete vidjeti u izlazu, svi ključevi objekta su uspješno dohvaćeni:
Metoda 3: Prolazak kroz običan/jednostavni JavaScript objekt pomoću metode Object.values()
Za dobivanje vrijednosti objekta u odnosu na njegova svojstva, koristite ' Object.values() ” metoda. Vraća niz vrijednosti za svojstva/ključeve objekta.
Sintaksa
Dana sintaksa koristi se za dobivanje vrijednosti objekta prolaskom kroz objekt:
Primjer
Pozovite metodu Object.values() da dobijete vrijednosti objekta u odnosu na njegova svojstva:
Izlaz prikazuje niz vrijednosti u odnosu na svojstva objekta:
Metoda 4: Prolazak kroz običan/jednostavni JavaScript objekt pomoću metode Object.entries()
Također možete iterirati kroz običan/jednostavan JavaScript objekt koristeći ' Object.entries() ” metoda. Generira niz podnizova koji sadrže parove ključ-vrijednost danog objekta.
Sintaksa
Sljedeća sintaksa koristi se za dobivanje unosa objekta petljom objekta:
Primjer
Pozovite metodu Object.entries() na objektu za dohvaćanje svih unosa objekta:
Izlaz
Prikupili smo sve potrebne informacije relevantne za prolazak kroz obične JavaScript objekte s objektima kao članovima.
Zaključak
Za prolazak kroz običan/jednostavan JavaScript objekt koristite ' za-u ' petlja, ' Object.keys() 'metoda', Object.values() ' metoda ili ' Object.entries() ” metoda. For-in petlja i metoda Object.entries() koriste se za dobivanje svih parova ključ-vrijednost u objektu, dok se Object.keys() koriste za dobivanje ključeva, a Object.values() za vrijednosti objekt. Ovaj vodič demonstrira različite načine prolaska kroz jednostavan JavaScript objekt.