Jak zapętlić zwykłego obiektu JavaScript

W języku JavaScript obiekt jest konkretnym zbiorem danych. Te zbiory danych zawierają jedną lub więcej cech, które je definiują, a także metody wykonywania wspólnych zadań. Jednak zapętlenie za pomocą wymyślnego zestawu danych jest typową trudnością dla programistów. Słysząc termin „pętla”W JavaScript programiści ogólnie myślą o wielu pętlach, takich jak pętle, foreach (), map () i innych. Niestety metody te nie dotyczą obiektów, ponieważ obiekty nie są iteralne.

Ten samouczek pokaże sposoby zapętlania/iteracji przez prosty obiekt JavaScript.

Jak zapętlić się przez zwykły/prosty obiekt JavaScript?

Aby zapętlić/iterować prosty obiekt JavaScript, użyj następujących metod:

• For-in Loop
• Obiekt.Metoda Keys ()
• Obiekt.Wartości () metoda
• Obiekt.Metoda wpisów ()

Metoda 1: Pętla przez zwykły/prosty obiekt JavaScript przy użyciu pętli dla in-in

Aby zapętlić obiekt, użyj pętli „for-in”. Itera wszystkich atrybutów łańcuchowych obiektu, które są powiązane z obiektem.

Składnia
Użyj dostarczonej składni, aby użyć pętli do zapętlania za pośrednictwem obiektu:

dla (zmienna w obiekcie)

Przykład
Utwórz obiekt z właściwościami w parach kluczowych:

var object =
„JavaScript”: 1,
„Java”: 5,
„Python”: 20,
„HTML”: 2,
„CSS”: 11

Pętla nad obiektem na podstawie kluczy obiektu:

dla (klucz const w obiekcie)
konsola.log ('$ key: $ object [key]');

Wyjście wyświetla wszystkie charakterystyki obiektu w parze kluczowej:

Metoda 2: Pętla przez zwykły/prosty obiekt JavaScript za pomocą obiektu.Metoda Keys ()

Każda właściwość w obiekcie ma odpowiednią wartość, co oznacza, że ​​każda właściwość zawiera pary wartości kluczowej. Możesz wyodrębnić klawisze, wartości lub zarówno klawisze, jak i wartości jako wpisy w tablicy za pomocą metod statycznych obiektu. Jeśli chcesz odzyskać klucze obiektu, użyj „Obiekt.Klucze()" metoda.

Składnia
Postępuj zgodnie z podaną składnią, aby zapętlić obiekt, aby pobrać właściwości/klucze obiektu:

Obiekt.klucze (obiekt)

Przykład
Wywołać obiekt.Keys () Metoda i przechowuj wynikową tablicę kluczy obiektu w zmiennej ”objkeys”:

const objkeys = obiekt.klucze (obiekt);

Jak widać na wyjściu, wszystkie klucze obiektu zostały pomyślnie odzyskane:

Metoda 3: Pętla przez zwykły/prosty obiekt JavaScript za pomocą obiektu.Wartości () metoda

Aby uzyskać wartości obiektu w stosunku do jego właściwości, użyj „Obiekt.wartości ()" metoda. Oddaje szereg wartości dla właściwości/kluczy obiektu.

Składnia
Podana składnia służy do uzyskania wartości obiektu poprzez zapętlenie obiektu:

Obiekt.Wartości (obiekt)

Przykład
Wywołać obiekt.wartości () metoda uzyskania wartości obiektu w stosunku do jego właściwości:

const objvalues ​​= obiekt.wartości (obiekt);

Wyjście wyświetla szereg wartości w stosunku do właściwości obiektu:

Metoda 4: Pętl przez zwykły/prosty obiekt JavaScript za pomocą obiektu.Metoda wpisów ()

Możesz także iterować za pomocą zwykłego/prostego obiektu JavaScript za pomocą „Obiekt.wpisy ()" metoda. Generuje tablicę pod-pod-nowoczesnych pary wartości kluczowej danego obiektu.

Składnia
Do uzyskania wpisów obiektu używana jest następująca składnia poprzez zapętlanie obiektu:

Obiekt.wpisy (obiekt)

Przykład
Zadzwoń do obiektu.Metoda wpisów () na obiekcie do pobierania wszystkich wpisów obiektu:

const objentries = obiekt.wpisy (obiekt);

Wyjście

Zebraliśmy wszystkie niezbędne informacje istotne do zapętlania przez zwykłe obiekty JavaScript z obiektami jako członków.

Wniosek

Aby zapętlić się przez zwykły/prosty obiekt JavaScript, użyj „dla w" pętla, "Obiekt.Klucze()" metoda, "Obiekt.wartości ()„Metoda lub„Obiekt.wpisy ()" metoda. Pętla i obiekt.Metoda wpisów () stosuje się do uzyskania wszystkich par kluczowych w obiekcie, podczas gdy obiekt.Keys () są używane do uzyskania kluczy i obiektu.wartości () dla wartości obiektu. Ten samouczek pokazał różne sposoby zapętlenia prostego obiektu JavaScript.