W tym samouczku zademonstrujemy sposoby wykonywania pętli/iteracji w prostym obiekcie JavaScript.
Jak zapętlić prosty/prosty obiekt JavaScript?
Aby zapętlić/iterować prosty obiekt JavaScript, użyj następujących metod:
Metoda 1: Zapętlanie zwykłego/prostego obiektu JavaScript przy użyciu pętli for-in
Aby zapętlić obiekt, użyj pętli „for-in”. Iteruje po wszystkich wyliczalnych atrybutach łańcuchowych obiektu, które są powiązane z obiektem.
Składnia
Użyj dostarczonej składni, aby użyć pętli for-in do przechodzenia przez obiekt:
dla ( zmienny w obiekt )
Przykład
Utwórz obiekt z właściwościami w parach klucz-wartość:
był obiekt = {
„JavaScript” : jeden ,
'Jawa' : 5 ,
'Pyton' : dwadzieścia ,
„HTML” : 2 ,
„CSS” : jedenaście
}
Zapętl obiekt na podstawie kluczy obiektu:
dla ( konst klucz w obiekt ) {konsola. dziennik ( `$ { klucz } : $ { obiekt [ klucz ] } ` ) ;
}
Dane wyjściowe wyświetlają wszystkie cechy obiektu w parze klucz-wartość:
Metoda 2: Zapętlanie zwykłego/prostego obiektu JavaScript przy użyciu metody Object.keys().
Każda właściwość w obiekcie ma odpowiadającą jej wartość, co oznacza, że każda właściwość zawiera pary klucz-wartość. Możesz wyodrębnić klucze, wartości lub oba klucze i wartości jako wpisy w tablicy przy użyciu metod statycznych obiektu. Jeśli chcesz odzyskać klucze obiektu, użyj „ Obiekt.keys() ' metoda.
Składnia
Postępuj zgodnie z podaną składnią, aby przejść przez obiekt w celu pobrania właściwości/kluczy obiektu:
Przykład
Wywołaj metodę Object.keys() i zapisz wynikową tablicę kluczy obiektu w zmiennej „ objKeys ”:
Jak widać na wyjściu, wszystkie klucze obiektu zostały pomyślnie pobrane:
Metoda 3: Zapętlanie zwykłego/prostego obiektu JavaScript przy użyciu metody Object.values()
Aby uzyskać wartości obiektu w odniesieniu do jego właściwości, użyj „ Obiekt.wartości() ' metoda. Zwraca tablicę wartości dla właściwości/kluczy obiektu.
Składnia
Podana składnia jest używana do pobierania wartości obiektu poprzez zapętlenie obiektu:
Przykład
Wywołaj metodę Object.values(), aby uzyskać wartości obiektu względem jego właściwości:
Dane wyjściowe wyświetlają tablicę wartości dla właściwości obiektu:
Metoda 4: Zapętlanie zwykłego/prostego obiektu JavaScript przy użyciu metody Object.entries()
Możesz także iterować przez zwykły/prosty obiekt JavaScript, używając „ Obiekt.wpisy() ' metoda. Generuje tablicę podtablic zawierających pary klucz-wartość danego obiektu.
Składnia
Poniższa składnia służy do pobierania wpisów obiektu przez zapętlenie obiektu:
Przykład
Wywołaj metodę Object.entries() na obiekcie, aby pobrać wszystkie wpisy obiektu:
Wyjście
Zebraliśmy wszystkie informacje niezbędne do przechodzenia przez zwykłe obiekty JavaScript z obiektami jako członkami.
Wniosek
Aby przejść przez zwykły/prosty obiekt JavaScript, użyj „ dla w ' pętla, ' Obiekt.keys() ' metoda, ' Obiekt.wartości() ” metoda lub „ Obiekt.wpisy() ' metoda. Pętla for-in i metoda Object.entries() służą do pobierania wszystkich par klucz-wartość w obiekcie, podczas gdy metoda Object.keys() służy do uzyskiwania kluczy, a Object.values() do uzyskiwania wartości obiekt. W tym samouczku przedstawiono różne sposoby wykonywania pętli w prostym obiekcie JavaScript.