Tablice

const kursy = ["HTML", "CSS", "JavaScript", "PHP"];

console.log(kursy[0]);          // HTML – pierwszy element ma indeks 0
console.log(kursy[3]);          // PHP – czwarty element ma indeks 3
console.log(kursy.length);      // 4 – liczba elementów
console.log(kursy[kursy.length - 1]); // PHP – ostatni element: length minus 1
console.log(kursy[4]);          // undefined – takiego indeksu nie ma, ale błędu nie będzie
console.log(kursy);             // cała tablica

const ceny = [12, 14, 18];
ceny[1] = 15;              // zmiana istniejącego elementu
ceny[3] = 20;              // dopisanie pod nowym indeksem – tablica rośnie
console.log(ceny, ceny.length);   // [12, 15, 18, 20] 4

const ceny = [12, 14, 18];
ceny.push(20);             // OK – zmiana zawartości
console.log(ceny);
ceny = [1, 2, 3];          // TypeError – nie można podmienić stałej na inną tablicę

const a = new Array(1, 2, 3);   // [1, 2, 3] – elementy jako argumenty
const b = new Array(3);         // UWAGA: jedna liczba = pusta tablica o długości 3, nie [3]
const c = [3];                  // literał – tablica z jednym elementem 3
console.log(a, b.length, c);

const zadania = ["kupić mleko", "oddać książkę"];

zadania.push("nauczyć się tablic");       // na koniec
zadania.unshift("wstać");                 // na początek
console.log(zadania);

const ostatnie = zadania.pop();           // usuwa i oddaje ostatni
const pierwsze = zadania.shift();         // usuwa i oddaje pierwszy
console.log(ostatnie, "|", pierwsze);
console.log(zadania);                     // zostały dwa środkowe

zadania.splice(1, 1, "zadzwonić do babci", "wyrzucić śmieci"); // od indeksu 1 usuń 1, wstaw 2
console.log(zadania);

const miasta = ["Warszawa", "Katowice", "Gdańsk"];

console.log(miasta.indexOf("Katowice"));   // 1 – indeks pierwszego wystąpienia
console.log(miasta.indexOf("Kraków"));     // -1 – nie ma takiego elementu
console.log(miasta.includes("Gdańsk"));    // true – czy zawiera
console.log(miasta.includes("gdańsk"));    // false – wielkość liter ma znaczenie

// typowy wzorzec: sprawdź, zanim użyjesz
if (miasta.indexOf("Kraków") === -1) {
  console.log("Kraków nie jest na liście");
}

const oceny = [4, 5, 3, 5];
console.log(oceny.join(", "));          // 4, 5, 3, 5 – napis
console.log(oceny.join(""));            // 4535
console.log(String(oceny));             // 4,5,3,5 – domyślny separator to przecinek

const wiersz = "Jan;Kowalski;3B";
const dane = wiersz.split(";");          // ["Jan", "Kowalski", "3B"]
console.log(dane, dane[1]);

const slowa = "to jest zdanie".split(" ");
console.log(slowa.length, "słów");       // 3 słów
console.log("abc".split(""));            // ["a", "b", "c"] – na pojedyncze znaki

const litery = ["a", "b", "c", "d", "e"];

console.log(litery.slice(1, 3));   // ["b", "c"] – indeksy 1 i 2, bez 3
console.log(litery.slice(2));      // ["c", "d", "e"] – od indeksu 2 do końca
console.log(litery.slice(-2));     // ["d", "e"] – dwa ostatnie
console.log(litery);               // oryginał nietknięty

const wyciete = litery.splice(1, 2);  // usuwa 2 elementy od indeksu 1
console.log(wyciete, litery);         // ["b", "c"] ["a", "d", "e"] – oryginał zmieniony

const ceny = [5000, 3000, 1500];
const zaznaczone = [true, false, true];   // który kurs klient wybrał
let suma = 0;

for (let i = 0; i < ceny.length; i++) {   // indeks łączy obie tablice
  if (zaznaczone[i]) {
    suma += ceny[i];
  }
}
console.log("Koszt zaznaczonych kursów:", suma); // 6500

for (const cena of ceny) {                // bez indeksu – prosto po wartościach
  console.log("Kurs za", cena, "zł");
}

const liczby = [10, 9, 1, 25];

console.log([...liczby].sort());                 // [1, 10, 25, 9] – jak napisy!
console.log([...liczby].sort((a, b) => a - b));  // [1, 9, 10, 25] – rosnąco
console.log([...liczby].sort((a, b) => b - a));  // [25, 10, 9, 1] – malejąco

const slowa = ["gruszka", "Jabłko", "banan"];
console.log([...slowa].sort());                  // ["Jabłko", "banan", "gruszka"] – wielkie litery przed małymi
console.log([...slowa].sort((a, b) => a.localeCompare(b, "pl"))); // alfabetycznie po polsku

const odpowiedzi = ["Cześć!", "Jak mogę pomóc?", "Super, że piszesz.", "Daj mi chwilę…"];

const indeks = Math.floor(Math.random() * odpowiedzi.length); // liczba całkowita 0…length-1
console.log("Indeks:", indeks, "→", odpowiedzi[indeks]);

const oryginal = [1, 2, 3];
const alias = oryginal;            // ta sama tablica, druga nazwa
const kopia = [...oryginal];       // nowa tablica z tymi samymi elementami (można też oryginal.slice())

alias.push(4);
kopia.push(99);
console.log(oryginal);             // [1, 2, 3, 4] – zmiana przez alias widoczna
console.log(kopia);                // [1, 2, 3, 99] – kopia żyje osobno
console.log(oryginal === alias, oryginal === kopia); // true false – === porównuje „tożsamość”, nie zawartość

const tab = [3, 1, 2];
console.log(typeof tab);             // object – tablica to rodzaj obiektu
console.log(Array.isArray(tab));     // true – tak sprawdzasz, czy to tablica
console.log(tab.at(-1));             // 2 – ostatni element (krótszy zapis niż tab[tab.length - 1])
console.log([].length, [[1, 2], [3]].length); // 0 2 – tablica tablic liczy wiersze
console.log(tab.reverse());          // [2, 1, 3] – odwraca W MIEJSCU (zmienia tab)