Denna handledning kommer att demonstrera sätten att loopa/iterera genom ett enkelt JavaScript-objekt.
Hur går man igenom ett vanligt/enkelt JavaScript-objekt?
För att loopa/iterera genom ett enkelt JavaScript-objekt, använd följande metoder:
Metod 1: Slinga genom ett vanligt/enkelt JavaScript-objekt med for-in-loop
För att gå igenom ett objekt, använd 'for-in'-loopen. Den itererar över alla uppräknade strängattribut för ett objekt som är associerade med ett objekt.
Syntax
Använd den angivna syntaxen för att använda for-in-loopen för att loopa genom ett objekt:
för ( variabel i objekt )
Exempel
Skapa ett objekt med egenskaper i nyckel-värdepar:
var objekt = {
'JavaScript' : ett ,
'Java' : 5 ,
'Pytonorm' : tjugo ,
'HTML' : 2 ,
'CSS' : elva
}
Slinga över objektet baserat på nycklarna till ett objekt:
för ( konst nyckel- i objekt ) {trösta. logga ( `$ { nyckel- } : $ { objekt [ nyckel- ] } ` ) ;
}
Utdatan visar alla egenskaper hos objektet i ett nyckel-värdepar:
Metod 2: Slinga genom ett vanligt/enkelt JavaScript-objekt med metoden Object.keys().
Varje egenskap i ett objekt har ett motsvarande värde, vilket innebär att varje egenskap består av nyckel-värdepar. Du kan extrahera nycklarna, värdena eller både nycklar och värden som poster i en array med hjälp av objektets statiska metoder. Om du vill hämta ett objekts nycklar, använd ' Object.keys() 'metoden.
Syntax
Följ den givna syntaxen för att gå igenom ett objekt för att hämta egenskaperna/nycklarna för ett objekt:
Exempel
Anropa metoden Object.keys() och lagra den resulterande arrayen av nycklar för objektet i variabeln ' objKeys ”:
Som du kan se i utgången har alla nycklar till ett objekt hämtats:
Metod 3: Slinga genom ett vanligt/enkelt JavaScript-objekt med metoden Object.values().
För att få ett objekts värden mot dess egenskaper, använd ' Object.values() 'metoden. Det ger tillbaka en rad värden för egenskaperna/nycklarna för ett objekt.
Syntax
Den givna syntaxen används för att få objektets värden genom att loopa genom ett objekt:
Exempel
Anropa metoden Object.values() för att få ett objekts värden mot dess egenskaper:
Utdata visar en matris med värden mot objektets egenskaper:
Metod 4: Slinga genom ett vanligt/enkelt JavaScript-objekt med hjälp av metoden Object.entries().
Du kan också iterera genom ett vanligt/enkelt JavaScript-objekt med hjälp av ' Object.entries() 'metoden. Den genererar en array av undermatriser som innehåller nyckel-värdepar för det givna objektet.
Syntax
Följande syntax används för att få posterna för ett objekt genom att loopa ett objekt:
Exempel
Anropa metoden Object.entries() på objektet för att hämta alla poster i ett objekt:
Produktion
Vi har samlat all nödvändig information som är relevant för att gå igenom vanliga JavaScript-objekt med objekt som medlemmar.
Slutsats
För att gå igenom ett vanligt/enkelt JavaScript-objekt, använd ' för-in ' loop, ' Object.keys() 'metoden, ' Object.values() '-metoden eller ' Object.entries() 'metoden. For-in-loopen och Object.entries()-metoden används för att få alla nyckel-värdepar i ett objekt, medan Object.keys() används för att hämta nycklarna och Object.values() för värdena på ett objekt. Denna handledning visade olika sätt att gå igenom ett enkelt JavaScript-objekt.