JavaScript for… in vs for… of Loop

Pętla odgrywa istotną rolę w dostępie do elementów w celu uzyskania pewnej wartości na podstawie stanu. Ten wynik jest wygodnie wykonywany na określonym ciągu lub obiekcie. Ponadto jest również skuteczny w iterowaniu danych luzem, tym samym oszczędzając czas. W takich sprawach, "dla w" I "Dla…„Pętle zapewniają doskonałe funkcjonalność w eleganckim dostępie do danych.

Ten blog wyjaśni różnice między… in i dla… pętli w JavaScript za pomocą przykładów.

JavaScript for… in vs for… of Loop

„„dla w„Pętla jest pomocna w przypadku iteracji przez właściwości obiektu. Po iteracji za pomocą ciągu zwraca indeksy odpowiadające wartościom ciągu, a nie wartości łańcucha.

„„Dla…”Z drugiej strony pętla nie jest preferowana do iteracji za pośrednictwem właściwości obiektu. Raczej zapętla się przez wartości iterowalnego obiektu. Jednak nadaje się do iteracji wzdłuż wartości ciągów, ponieważ łatwo do nich uzyskuje dostęp i zwraca zawarte znaki również osobno.

Składnia

dla (zmienna w ciągu)

W podanej składni:

• "zmienny”Odnosi się do zawartych znaków w ciągu.
• "strunowy”.

dla (zmienna iterable)

W powyższej składni:

• "zmienny”Wskazuje na wartość następnej właściwości, która ma być przypisana do zmiennej przy każdej iteracji.
• "Iterable”Wskazuje obiekt o właściwości iteracyjnych.

Przykład 1: Iterowanie dla… w i dla… pętli nad wartością ciągów

Ten przykład wyjaśni zachowanie obu określonych pętli po iterowaniu ich w określonej wartości ciągu.

Dla… w pętli

Postępujmy zgodnie z podanym poniżej przykładem „dla w" pętla:

W powyższym fragmencie kodu:

• Przypisz podaną wartość ciągu o nazwie „Linuxhint".
• Następnie zastosuj „dla w„Pętla, aby iterować wzdłuż znaków łańcuchowych.
• Po zalogowaniu wynik wskazuje na indeksy, przy których przechowywane są znaki łańcuchowe.

Wyjście

Z powyższego wyjścia można zaobserwować, że indeksy ciągów są pobierane zamiast.

Dla… pętli

Obserwujmy zachowanie „Dla…”Pętla po iterowaniu przez określoną wartość ciągu poniżej:

W powyższych wierszach kodu wykonaj następujące kroki:

• Podobnie podaj określoną wartość ciągów.
• W następnym kroku zastosuj „Dla…”Pętla do iterowania wzdłuż zainicjowanej wartości ciągu.
• Wreszcie, wyjście spowoduje, że zbliży się bezpośrednio do znaków, które są zawarte w ciągu i wyświetlanie ich.

Wyjście

W powyższym wyjściu widać, że wartości ciągów są zwracane.

Przykład 2: Iteracja dla… w i dla… pętli nad obiektem

W tym konkretnym przykładzie iteruj obie pętle nad utworzonym obiektem i obserwuj wynikowy wynik w stosunku do każdego z nich.

Dla… w pętli

Obserwujmy zachowanie „dla w”Pętla, iterując go przez obiekt.

Śledźmy poniżej podanego przykładu:

W powyższych wierszach kodu:

• Utwórz obiekt o nazwie „objdata”Z nazwanymi właściwościami (Harry, ID i wiek) i odpowiednimi wartościami.
• W następnym kroku zastosuj „dla w„Pętla, aby uzyskać dostęp do właściwości obiektu, a także odpowiednich wartości.
• Pierwszy parametr w „dziennik()”Metoda odpowiada właściwości obiektu, a druga odnosi się do jego odpowiedniej wartości.
• W rezultacie zarówno właściwości, jak i wartości obiektu zostaną zalogowane na konsoli.

Wyjście

W powyższym wyjściu można zaobserwować, że właściwości obiektu i odpowiednie wartości są wyświetlane na konsoli.

Dla… pętli

Sprawdźmy iterację „Dla…„Pętla nad obiektem.

Spójrz na następujący kod JavaScript:

W powyższym fragmencie kodu wykonaj następujące kroki:

• Przywołaj kroki tworzenia obiektu w poprzednim przykładzie.
• W następnym kroku zastosuj „Dla…”Pętla podobnie jak iteruj wzdłuż właściwości obiektu i odpowiednich wartości.
• Spowoduje to rzucenie błędu, który można zobaczyć na poniższym wyjściu.

Wyjście

Z powyższego wyjścia można zaobserwować, że dostępny obiekt nie jest iteralny.

Wniosek

„„Dla…„Pętla może być wykorzystana do pętli nad strunami i„dla w„Pętla może być odpowiednia do zapętlania obiektów w JavaScript. Poprzednia pętla bezpośrednio uzyskuje dostęp do znaków zawartych w ciągu i zwraca je. Ta ostatnia pętla można wykorzystać do zapętlania obiektów w celu uzyskania ich właściwości i odpowiednich wartości. W tym samouczku wyjaśniono różnice między… w… i dla… pętli.