Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

Naucz się programować w języku JavaScript: Część 3, Pętle

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Learn Computer Science with JavaScript.
Learn Computer Science With JavaScript: Part 4, Functions

Polish (Polski) translation by Tomasz Pierzchała (you can also view the original English article)

Wprowadzenie

Przypuśćmy, że dostałeś zadanie polegające na napisaniu programu wyświetlającego liczby 1-100. Jednym ze sposobów jest napisanie 100 wyrażeń console.log. Jednak jestem pewna, że nie zrobiłbyś tego - zmęczyłbyś się po 9. lub 10. linii.

Jedyną częścią, jaka się zmienia w każdym wyrażeniu jest liczba, więc powinna być możliwość, by zrobić to przy użyciu tylko jednego wyrażenia. Do tego właśnie służą pętle. Pętle pozwalają nam wykonywać zbiór kroków z bloku kodu wielokrotnie.

Treść

  • Pętle while
  • Pętle do-while
  • Pętle for
  • Tablice
  • Pętle for-in
  • Pętle for-of
  • Podsumowanie
  • Bibliografia

Pętle while

Pętle while będą wykonywać zbiór wyrażeń wielokrotnie, dopóki pewien warunek jest prawdziwy. Kiedy warunek jest fałszywy, program opuści pętlę. Pętla tego rodzaju sprawdza warunek przed wykonaniem iteracji. Iteracja jest wykonaniem ciała pętli. Poniższy przykład nie wyświetli niczego, ponieważ nasz warunek jest fałszywy.

Ogólny zarys pętli while wygląda następująco:

Trzeba uważać używając pętli while na tworzenie pętli, które się nigdy nie skończą. Do takiej sytuacji dochodzi, gdy warunek nigdy staje się fałszywy. Jeśli ci się to zdarzy, program się zawiesi. Przykład:

Zadanie

Ile razy wykona się ciało tej pętli:

Pętle do-while

Pętla do-while wykona zbiór wyrażeń i dopiero sprawdzi warunek. Tego rodzaju pętla jest przydatna, gdy chcesz wykonać kod co najmniej raz. Poniższy przykład wyświetli "eat" jednokrotnie, nawet jeśli warunek będzie fałszywy,

Ogólny zarys pętli do-while wygląda następująco:

Zadanie

Napisz pętlę do-while, która wyświetli liczby 1-10.

Pętle for

Pętla for powtórnie wykona blok kodu określoną ilość razy. Poniższy przykład wyświetli liczby 1-10:

Ogólny zarys pętli for wygląda następująco:

Initial to wyrażenie, które ustawia wartość naszej zmiennej. Condition to wyrażenie, które musi być prawdziwe, by wykonał się nasz blok kodu. Step to wyrażenie, które zwiększa wartość naszej zmiennej.

Jednym z wzorców w programowaniu jest użycie pętli for do modyfikacji wartości zmiennej przy użyciu jej samej i innej wartości. Ten przykład dodaje liczby 1-10:

+= jest operatorem przypisania, który dodaje wartość do zmiennej, na którą działa. Spójrzmy na listę wszystkich operatorów przypisania:

Operator
Przykład
Odpowiednik
+= x += 2
x = x + 2
-= x -= 2
x = x - 2
*= x *= 2
x = x * 2
/= x /= 2
x = x / 2
%= x %= 2
x = x % 2

Zadanie

Napisz pętlę for, która oblicza silnię danej liczby. Silnia liczby n jest iloczynem wszystkich liczb całkowitych od 1 do n. Np. 4! (4 silnia) to 1 x 2 x 3 x 4, równe 24.

Tablice

Tablica jest obiektem przechowującym zbiór rzeczy, zwanych elementami, do których mamy dostęp dzięki ich indeksowi. Indeks jest pozycją elementu wewnątrz tablicy. Pierwszy element ma indeks równy 0. Poniżej przedstawię część z najpopularniejszych operacji wykonywanych na tablicach.

Tworzenie pustej tablicy:

Inicjacja tablicy z wartościami:

Dostęp do elementu z tablicy:

Nadpisanie elementu w tablicy:

Przejście pętlą przez tablicę:

Dwuwymiarowa tablica jest tablicą, której elementami są tablice. Przykład:

Przejście pętlą przez tablicę i wyświetlenie każdego elementu wyglądałoby następująco:

Zadanie

Który element jest wyświetlony, gdy i = 1 i j = 0 w powyższej pętli for?

Pętla For-In

Pętla tego rodzaju pozwala nam na przejście przez klucze obiektu. Obiekt to stryktura danych, która ma klucze mapowane do wartości. Oto niektóre z najczęstszych operacji jakie można wykonać na obiekcie.

Tworzenie pustego obiektu:

Inicjacja obiektu z wartościami:

Dostęp do właściwości obiektu:

Modyfikacja właściwości w obiekcie:

Przejdź pętlą przez klucze obiektu:

Zadanie

Co wyświetli powyższa pętla for, przyjmując, że obj = {foo: "Hello", bar: "World"}?

Pętla for-of

Pętla tego rodzaju pozwala nam przechodzić przez wartości obiektów iterowalnych. Przykładami obiektów iterowalnych są tablice i łańcuchy znaków.

Przejdź pętlą przez tablicę:

Przejdź pętlą przez łańcuch znaków:

Zadanie

Używając dowolnej pętli, napisz program, który wyświetli taki wzór:

Podsumowanie

Pętle pozwalają nam zredukować ilość powtórzeń w kodzie. Pętle while dają możliwość powtarzania akcji do momentu, gdy warunek jest fałszywy, a do-while wykonują się co najmniej raz. Pętle for pozwalają nam powtarzać akcję dopóki nie osiągniemy końcowej wartości. Pętla for-in została zaprojektowana tak, byśmy mieli dostęp do kluczy obiektu. Pętla for-of została zaprojektowana tak, że mamy dostęp do wartości iterowalnego obiektu.

W następnej części 4. będziemy się uczyć o funkcjach.

Bibliografia

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.