8. Tablice i metody tablicowe

~35 min podstawowy

Tablice przechowują listy danych. Indeksowanie od 0, dynamiczna długość.

Tworzenie i dostęp

let kolory = ["czerwony", "zielony", "niebieski"];
console.log(kolory[0]);        // czerwony
kolory[3] = "żółty";
console.log(kolory.length);    // 4

Najważniejsze metody

kolory.push("fiolet");      // dodaje na koniec
kolory.pop();                 // usuwa ostatni
kolory.unshift("czarny");     // dodaje na początek
kolory.shift();               // usuwa pierwszy

kolory.splice(1, 1, "róż");   // usuń 1 od indeksu 1, wstaw "róż"
console.log(kolory.includes("zielony"));  // true

Metody iteracyjne (nie modyfikują oryginału)

let liczby = [1, 2, 3, 4];
let podwojone = liczby.map(x => x * 2);          // [2,4,6,8]
let parzyste  = liczby.filter(x => x % 2 === 0); // [2,4]
let suma      = liczby.reduce((a, b) => a + b, 0); // 10
Ostrzeżenie: forEach nie zwraca nowej tablicy – tylko wykonuje akcję.

Ćwiczenie

  1. Stwórz tablicę 5 imion, dodaj jedno na początek i jedno na koniec.
  2. Użyj filter aby wybrać liczby > 10 z [3,15,7,22,4,18].
  3. Użyj map aby zamienić ["kot","pies","ryba"] na ["Kot","Pies","Ryba"].

Poprawka do oryginału: Dodano splice, includes, reduce; więcej ćwiczeń.