W tym przewodniku wyjaśniono użycie i metody wyjścia z pętli jQuery each() . Metody te podano poniżej:
- Jak wyrwać się z pętli jQuery each()?
- Korzystanie z instrukcji Return False
- Zgłaszanie wyjątku
- Korzystanie z niestandardowej flagi
Jak wyrwać się z pętli jQuery „each()”?
Wyrwanie się z „ każdy() ” pętli jQuery może zoptymalizować szybkość wykonywania kodu i umożliwia programistom przedwczesne wyjście z pętli w oparciu o określone warunki. Odrywając się od jQuery „ każdy() ”, programista może natychmiast wyjść z pętli i obsłużyć błąd lub wykonać odpowiednie działania bez wykonywania pozostałych iteracji.
Istnieje kilka metod lub podejść, których można użyć do wyrwania się z pętli jQuery „each()”, metody te opisano poniżej.
Metoda 1: Korzystanie z instrukcji Return False
Zwracając wartość false, pętla „each()” natychmiast pomija pozostałą iterację i unika niepotrzebnych iteracji, jak pokazano poniżej:
< scenariusz >
konst kol = [ 5 , 6 , 7 , 8 , 9 ] ;
konsola. dziennik ( „Oryginalna kolekcja:” + kol ) ;
$. każdy ( kol , funkcjonować ( I , Mieszkał również ) {
konsola. dziennik ( Mieszkał również ) ;
Jeśli ( Mieszkał również === 7 ) {
powrót FAŁSZ ;
}
} ) ;
scenariusz >
Opis powyższego kodu:
- Najpierw tablica „ kol ” jest tworzony, który zawiera pięć fałszywych wartości, które są drukowane na konsoli.
- Następnie użyj „ każdy() ” pętla gdzie „ kol ” jest używany jako kolekcja, a wywołanie zwrotne jest przekazywane jako para klucz-wartość o nazwie „ I ' I ' rezydent ” odpowiednio.
- Ta funkcja wywołania zwrotnego iteruje po „ kol ” i wyświetla wartość dla każdego odpowiedniego indeksu.
- Gdy ' każdy() ” iteracja pętli osiąga „ 7 ” przerwanie pętli wartości z powodu „ zwróć fałsz ' oświadczenie.
Po kompilacji dane wyjściowe wyglądają następująco:
Dane wyjściowe pokazują, że pętla „each()” jQuery przerywa wyświetlanie danych, dopóki określony warunek nie zostanie osiągnięty.
Metoda 2: Zgłaszanie wyjątku
Rzucając wyjątek w ramach „ każdy() ”, programista może wyjść z pętli „each()” i przejść do logiki obsługi błędów. Pozwala programistom na wykonywanie określonych działań w razie potrzeby, jak pokazano poniżej:
< scenariusz >konst kol = [ 5 , 6 , 7 , 8 , 9 ] ;
konsola. dziennik ( „Oryginalne elementy danych:” + kol ) ;
próbować {
$. każdy ( kol , funkcjonować ( I , Mieszkał również ) {
konsola. dziennik ( Mieszkał również ) ;
Jeśli ( Mieszkał również === 7 ) {
rzucić nowy Błąd ( „Wyrwać się z pętli” ) ;
}
} ) ;
} złapać ( błąd ) {
konsola. dziennik ( błąd. wiadomość ) ; // Obsłuż błąd lub wykonaj niezbędne czynności
}
scenariusz >
Opis kodu:
- Najpierw tablica „ kol ” zawiera wiele fałszywych wartości i wyświetla te wartości w konsoli.
- Następnie wewnątrz „ próbować „zablokuj jQuery” każdy() Pętla ” jest używana wraz z funkcją wywołania zwrotnego, która iteruje po tablicy, aby wyświetlić każdą jednostkę.
- Używany jest w nim określony warunek, który zgłasza wyjątek, gdy ten warunek jest spełniony.
- Teraz w „ złapać ” blok wyświetla komunikaty o błędach, jeśli użytkownik złapie jakiś błąd.
Po kompilacji:
Dane wyjściowe pokazują tylko elementy przed pobraniem wystąpienia warunków.
Metoda 3: Korzystanie z niestandardowej flagi
„ niestandardowa flaga ” można również ustawić tak, aby wychodziło z pętli jQuery each() , te flagi używają ich „ PRAWDA ' Lub ' FAŁSZ ” jako wartość. Flaga to w zasadzie zmienne, które są ustawiane na fałsz, jeśli spełniony jest żądany warunek, jak pokazano poniżej:
< scenariusz >konst kol = [ 5 , 6 , 7 , 8 , 9 ] ;
niech pęknieCond = FAŁSZ ;
$. każdy ( kol , funkcjonować ( indeks , przedmiot ) {
konsola. dziennik ( przedmiot ) ;
Jeśli ( przedmiot === 7 ) {
stan przerwania = PRAWDA ;
powrót FAŁSZ ;
}
} ) ;
Jeśli ( stan przerwania ) {
konsola. dziennik ( „Wyrwać się z pętli” ) ;
}
scenariusz >
Opis kodu:
- Najpierw tablica „ kol ” jest zadeklarowana, a zmienna boolowska „ stan przerwania „o wartości” FAŁSZ ” jest również tworzony. Ta zmienna działa jak flaga niestandardowa.
- Następnie jQuery „ każdy() Pętla ” jest używana wraz z funkcją wywołania zwrotnego do iteracji po tablicy i wyświetlenia każdej rezydującej wartości elementu.
- Wewnątrz znajduje się „ Jeśli ” służy do sprawdzenia wystąpienia żądanej wartości i ustawienia wartości „ stan przerwania ” na true i zwróć wartość false, aby zatrzymać cykl wykonywania.
- Na koniec wyświetl komunikat o przerwaniu, jeśli „ stan przerwania ” zawiera wartość „ PRAWDA ”.
Po kompilacji konsola wygląda tak:
Migawka pokazuje, że wyrwanie się z jQuery „ każdy() ” pętla została pomyślnie wykonana.
Wniosek
Aby wyrwać się z „jQuery” każdy() ” pętla, kilka podejść, takich jak „ zwróć fałsz ' oświadczenie, ' Zgłaszanie wyjątku ” oraz stworzenie „ niestandardowa flaga ' może być użyte. Powyższe podejścia zatrzymują cały cykl wykonania, gdy spełniony zostanie określony warunek. W tym przewodniku z powodzeniem zademonstrowano podejścia, za pomocą których programista może wyrwać się z pętli „each()” jQuery.