Tento tutoriál demonstruje způsoby smyčkování/iterace pomocí jednoduchého objektu JavaScriptu.
Jak procházet jednoduchým/jednoduchým objektem JavaScriptu?
Chcete-li opakovat/iterovat jednoduchým objektem JavaScriptu, použijte následující metody:
Metoda 1: Smyčka přes jednoduchý/jednoduchý objekt JavaScript pomocí smyčky for-in
Chcete-li procházet objektem, použijte smyčku „for-in“. Iteruje přes všechny vyčíslitelné řetězcové atributy objektu, které jsou s objektem spojeny.
Syntax
Použijte poskytnutou syntaxi k použití smyčky for-in pro procházení objektu:
pro ( variabilní v objekt )
Příklad
Vytvořte objekt s vlastnostmi v párech klíč–hodnota:
byl objekt = {
'JavaScript' : jeden ,
'Jáva' : 5 ,
'Krajta' : dvacet ,
'HTML' : 2 ,
'CSS' : jedenáct
}
Smyčka přes objekt na základě klíčů objektu:
pro ( konst klíč v objekt ) {řídicí panel. log ( `$ { klíč } : $ { objekt [ klíč ] } ' ) ;
}
Výstup zobrazuje všechny charakteristiky objektu v páru klíč–hodnota:
Metoda 2: Smyčka přes jednoduchý/prostý objekt JavaScript pomocí metody Object.keys().
Každá vlastnost v objektu má odpovídající hodnotu, což znamená, že každá vlastnost obsahuje páry klíč–hodnota. Klíče, hodnoty nebo oba klíče a hodnoty můžete extrahovat jako položky v poli pomocí statických metod objektu. Pokud chcete získat klíče objektu, použijte „ Object.keys() “ metoda.
Syntax
Postupujte podle dané syntaxe pro procházení objektu a načtení vlastností/klíčů objektu:
Příklad
Vyvolejte metodu Object.keys() a uložte výsledné pole klíčů objektu do proměnné “ objKeys “:
Jak můžete vidět na výstupu, všechny klíče objektu byly úspěšně načteny:
Metoda 3: Smyčka přes jednoduchý/prostý objekt JavaScript pomocí metody Object.values().
Pro získání hodnot objektu proti jeho vlastnostem použijte „ Object.values() “ metoda. Vrací pole hodnot pro vlastnosti/klíče objektu.
Syntax
Daná syntaxe se používá k získání hodnot objektu procházením objektu:
Příklad
Vyvoláním metody Object.values() získáte hodnoty objektu oproti jeho vlastnostem:
Výstup zobrazuje pole hodnot proti vlastnostem objektu:
Metoda 4: Smyčka přes jednoduchý/prostý objekt JavaScriptu pomocí metody Object.entries().
Můžete také iterovat přes prostý/jednoduchý objekt JavaScript pomocí „ Object.entries() “ metoda. Generuje pole dílčích polí obsahujících páry klíč-hodnota daného objektu.
Syntax
Následující syntaxe se používá k získání položek objektu opakováním objektu:
Příklad
Zavolejte metodu Object.entries() na objektu pro načtení všech položek objektu:
Výstup
Shromáždili jsme všechny potřebné informace důležité pro procházení prostými objekty JavaScriptu s objekty jako členy.
Závěr
Chcete-li procházet prostým/jednoduchým objektem JavaScriptu, použijte „ pro-in 'smyčka', ' Object.keys() 'metoda', ' Object.values() metoda “, nebo “ Object.entries() “ metoda. Smyčka for-in a metoda Object.entries() se používají k získání všech párů klíč-hodnota v objektu, zatímco Object.keys() se používá k získání klíčů a Object.values() pro hodnoty objekt. Tento tutoriál demonstroval různé způsoby, jak procházet jednoduchým objektem JavaScriptu.