Wprowadzenie do pętli JavaScript
- 4276
- 1008
- Tomasz Szatkowski
W dzisiejszych czasach JavaScript można łatwo zdefiniować jako najczęściej używany język programowania: jest używany na różnych platformach, jest zintegrowany z przeglądarkami internetowymi i dzięki Węzeł.JS Czas wykonania można go również używać po stronie serwera. W tym samouczku zobaczymy pętle, których możemy użyć we współczesnym JavaScript.
W tym samouczku się nauczysz:
- Jaka jest składnia i jak działa pętla while w JavaScript
- Składnia pętli DO/While i jak to działa w JavaScript
- Składnia pętli dla i jak to działa w JavaScript
- Składnia pętli dla/z i jak to działa w JavaScript
- Składnia pętli dla/in i jak to działa w JavaScript
Wprowadzenie do pętli JavaScript Zastosowane wymagania i konwencje oprogramowania
| Kategoria | Wymagania, konwencje lub wersja oprogramowania |
|---|---|
| System | Niezależny od rozkładu |
| Oprogramowanie | Węzeł.JS do używania JavaScript poza przeglądarkami internetowymi |
| Inny | Podstawowa znajomość programowania JavaScript i obiektowego |
| Konwencje | # - Wymaga, aby podane polecenia Linux są wykonywane z uprawnieniami root bezpośrednio jako użytkownik root lub za pomocą sudo Komenda$ - Wymaga, aby podane polecenia Linux zostały wykonane jako zwykły użytkownik niepewny |
Pętla When
chwila pętla w JavaScript działa tak, jak można się spodziewać i jesteś przyzwyczajony do innych języków programowania. Jego składnia jest następująca:
While (warunek) stwierdzenie Ciało pętli jest wykonywane tak długo, jak długo stan, sprawdzone przy każdej iteracji, ocenia PRAWDA. Oto przykład chwila pętla w akcji:
Niech liczba = 0; When (licznik < 5) console.log(counter); counter++; Podczas wykonywania pętli uzyskujemy następujące dane wyjściowe:
0 1 2 3 4
Ostatecznie wartość lada zmienna będzie 5:
> Counter 5
Do/while pętla
zrób/while Składnia pętli jest następująco:
Wykonaj stwierdzenie, w którym (warunek) Działa podobnie do chwila pętla, którą właśnie widzieliśmy, z jedną różnicą. Pokazajmy to przykładem:
Niech liczba = 5; do konsola.log (licznik) licznik ++; w czasie (licznik < 5); Sprawdźmy wartość lada zmienna po wykonaniu pętli:
> Counter 6
Początkowo przypisaliśmy wartość 5 do lada zmienny. Nawet jeśli stan testowy pętli ocenia FAŁSZ (lada < 5), wartość lada zmienna jest zwiększana z 1, więc ostatecznie jest 6. To dlatego, że w zrób/while pętla, korpus pętli jest zawsze wykonywany co najmniej raz i niż powtarzany tak długo, jak stan ocenia to PRAWDA.
Pętla
Do Pętla to klasyczna pętla w stylu C:
dla ([inicjalizacja]; [warunek]; [końcowa ekspresja]) inicjalizacja składa się zwykle w deklaracji zmiennej ocenianej raz przed wykonaniem pętli. stan jest testowany przed każdą iteracją pętli; Jeśli ocenia to PRAWDA oświadczenie jest wykonywany. końcowa ekspresja Zamiast tego wyrażenie jest oceniane na końcu każdej iteracji pętli. Trzy bloki są opcjonalny, i każdego z nich można pominąć; jednak typowe użycie Do Pętla jest następującą:
dla (niech i = 0; i < 5; i++) console.log(i) Użyliśmy pozwalać słowo kluczowe do zainicjowania I zmienna o wartości 0, Następnie ustawiamy stan, tak, że instrukcja pętli została wykonywana tak długo, jak wartość I Zmienna jest mniejsza niż 5. Wreszcie ustawiliśmy końcowa ekspresja tak, że wartość I Zmienna jest zwiększana jeden po każdej iteracji pętli. Jeśli wykonamy powyższy kod, otrzymujemy następujący wynik:
0 1 2 3 4
For/of Loop
dla/of pętla została wprowadzona w JavaScript z ES6. Ten rodzaj pętli można użyć Iterable obiekty, takie jak tablice (lub obiekty podobne do tablicy, takie jak Nodelist), smyczki, Mapa, Ustawić. itp. Jego składnia jest następująca:
dla (zmienna iterable) instrukcja Przypuśćmy, że mamy następującą tablicę:
const my_array = [„Bruce”, „John”, „Marta”]; Możemy nad nim iterować za pomocą dla/of pętla bardzo łatwo:
dla (niech i my_array) konsola.log (i); Powyższy kod da nam następujące wyniki:
Bruce John Marta
Jak wspomniano powyżej, dla/of Pętla może być również używana na strunach:
const site = "Linuxconfig.org "; for (const c site) konsola.log (c); Pętla itera każdego znaku łańcucha, podając użycie następującego wyniku:
l i n u x c o n f i g . o r g
dla/of Pętla działa również na Mapa I Ustawić obiekty. Obiekt mapy można opisać jako rodzaj tablicy, w której wartości dowolne mogą być używane jako klucze zamiast tylko liczb całkowitych. Aby zdefiniować obiekt mapy, możemy użyć konstruktora klasy map i opcjonalnie przekazać tablicę zawierającą tablice dwóch elementów:
const my_map = nowa mapa ([[nazwa ”,„ frodo ”], [„ rasa ”,„ hobbit ”]]); Aby iterować obiekt mapy, który właśnie stworzyliśmy za pomocą dla/of pętla, pisalibyśmy:
dla (const name_value_pair of my_map) konsola.log (name_value_pair); Otrzymalibyśmy:
[„Nazwa”, „frodo”] [„rasa”, „hobbit”] A Ustawić Obiekt można również postrzegać jako rodzaj wariantu tablicy. Różnica między obiektem jako ustalonym a tablicą polega na tym, że ten pierwszy nie jest indeksowany i nie jest uporządkowany, i nie może zawierać duplikatów wartości. Aby zdefiniować ustawiony obiekt, używamy Ustawić Konstruktor klas:
const my_set = new set (['frodo', 1]); Aby iterować zestaw, piszemy:
dla (element const my_set) konsola.log (element); Jak można się spodziewać, uzyskamy następujący wynik:
Frodo 1
dla/of Pętla nie może być używana obiekty nieterabinowe, takie jak „zwykłe” obiekty. To, co możemy zrobić, to iteracja nad tablicą kluczy obiektowych lub tablicy odpowiednich wartości. Aby uzyskać tablicę ze wszystkimi klawiszami obiektów, możemy użyć Obiekt.Klucze Metoda, przekazywanie naszego obiektu jako argumentu. Załóżmy, że mamy następujący obiekt:
Niech postać = nazwa: „frodo”, rasa: „hobbit” Jeśli spróbujemy użyć dla/of pętla na nim otrzymujemy błąd:
dla (const j postaci) konsola.log (j); Nieprawidłowy typeerror: znak nie jest iteralny Moglibyśmy napisać następujący kod, aby iterować jego klucze za pomocą dla/of pętla:
dla (klucz const obiektu.Keys (znak)) konsola.log ('$ key to: $ znak [key]'); Otrzymalibyśmy następujący wynik:
Imię nazywania się: Frodo Race to: Hobbit
Iterowanie bezpośrednio nad wartościami obiektu jest równie łatwe: możemy użyć Obiekt.wartości Metoda uzyskania tablicy, która zawiera wszystkie wartości powiązane z klawiszami obiektu:
dla (const i obiektu.wartości (znak)) konsola.log (i); Jak można się spodziewać, wyjście to:
Frodo Hobbit
Pętla dla/in
dla w pętla w JavaScript itera wymyślne właściwości obiektu za pomocą dowolnego zamówienia. Działa na właściwościach reprezentowanych przez ciągi, więc pominą Symbolika. Składnia pętli jest następująco:
dla (zmienna w obiekcie) instrukcja W przypadku użycia na tablicach będzie to iterować nad indeksami, więc na przykład iterowanie nad my_array tablica, którą zdefiniowaliśmy wcześniej:
dla (klucz const w my_array) konsola.log (klucz); da następujące wyniki:
0 1 2
Oto jak używać dla w pętla, możemy ponownie zapisać kod, którego użyliśmy wcześniej, aby iterować nad nieterabiną postać Właściwości obiektu:
dla (Key Key in Charter) konsola.log ('$ key to: $ znak [key]'); Wnioski
W tym artykule widzieliśmy, jakie są 5 rodzajów pętli, których możemy użyć we współczesnym JavaScript, zaczynając od chwila i zrób/while pętle i postępowanie w celu zbadania Do, dla/of I dla w pętle i ich składnia. Jeśli jesteś zainteresowany JavaScript jako tematem, możesz spojrzeć na nasze artykuły na temat funkcji strzałek lub funkcji wyższego rzędu.
Powiązane samouczki Linux:
- Mastering Bash Script Loops
- Zagnieżdżone pętle w skryptach Bash
- Wprowadzenie do automatyzacji, narzędzi i technik Linuksa
- Rzeczy do zainstalowania na Ubuntu 20.04
- Jak często musisz ponownie uruchomić serwer Linux?
- Mint 20: Lepsze niż Ubuntu i Microsoft Windows?
- Linux Pliki konfiguracyjne: Top 30 Najważniejsze
- Pętle bash z przykładami
- Rzeczy do zrobienia po zainstalowaniu Ubuntu 20.04 Focal Fossa Linux
- Jak zainstalować Kubernetes na Ubuntu 20.04 Focal Fossa Linux