Podstawy•LEKCJA 14 / 32

Tablice

Kurs JavaScript · Wyjaśnienie, przykłady, oczekiwany wynik i ćwiczenie.

Tablica (Array) to uporządkowana kolekcja wartości.

Jak to działa?

Indeksowanie zaczyna się od 0. .push() dodaje element na końcu, .length zwraca liczbę elementów, a .map() pozwala utworzyć nową tablicę.

Przykład 1 — poznaj zapis

const numbers = [2, 4, 6];
numbers.push(8);

const doubled = numbers.map(n => n * 2);
console.log(doubled);

Wynik: [4, 8, 12, 16].

Przeczytaj kod linijka po linijce

  1. const numbers = [2, 4, 6];Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
  2. const doubled = numbers.map(n => n * 2);Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
  3. console.log(doubled);Wyświetlamy wartość, aby sprawdzić efekt działania programu.
Oczekiwany wynik / efektpo uruchomieniu przykładu
[4, 8, 12, 16]

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

const fruits = ["jabłko", "banan"];
console.log(fruits.includes("banan"));
console.log(fruits.length);
Wynik drugiego przykładupo uruchomieniu przykładu
true
2
Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Utwórz tablicę imion i wypisz każde za pomocą for...of.

To już koniec tej lekcji.

Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.