Tablice (Arrays) i Obiekty w JS

Na egzaminie często musisz pracować z całą listą danych. Wrzucanie każdej rzeczy do osobnej zmiennej (let owoc1 = "Jabłko"; let owoc2 = "Banan";) szybko stałoby się koszmarem. Od tego mamy tablice!

Tablice (Arrays)

Tablica to jak pociąg z przegródkami, do których wkładamy po kolei wartości. Każda przegródka (indeks) ma swój numer, zaczynając od zera.

let owoce = ["Jabłko", "Banan", "Gruszka"];

console.log(owoce[0]); // Zwróci "Jabłko"
console.log(owoce[2]); // Zwróci "Gruszka"

Najpopularniejsze funkcje tablic (pewniaki na CKE):

• owoce.length – Zwraca liczbę elementów w tablicy (w tym wypadku 3).
• owoce.push("Truskawka") – Dodaje nowy element na koniec tablicy.
• owoce.pop() – Usuwa i zwraca ostatni element tablicy.
• owoce.indexOf("Banan") – Szuka w którym wagoniku (indeksie) leży "Banan".

Ciekawostka: W JavaScript tablica to "śmietnik" w pozytywnym sensie. Możesz w jednej tablicy wrzucić na raz liczby, teksty, a nawet inne tablice! Np. let mix = [5, "kuba", true];. (W językach takich jak C++ by to nie przeszło!).

Przechodzenie przez tablicę (Pętla For)

Nierozerwalnym przyjacielem tablic są pętle. Zamiast wypisywać wartości ręcznie, zaprzęgamy pętlę.

let liczby = [10, 20, 30, 40, 50];

for (let i = 0; i < liczby.length; i++) {
    console.log("Liczba pod indeksem " + i + " to: " + liczby[i]);
}

Obiekty

Zamiast korzystać z indeksów liczbowych, obiekt pozwala przypisać wartości do "słów kluczowych" (właściwości). Traktuj to jako pojedynczą kartotekę osoby lub przedmiotu.

let pacjent = {
    imie: "Adam",
    nazwisko: "Nowak",
    wiek: 45,
    czyUbezpieczony: true
};

console.log(pacjent.imie); // Zwraca "Adam"

Obiekty są bardzo często używane podczas komunikacji między Frontend a Backendem za pomocą formatu JSON (JavaScript Object Notation), który wygląda niemal identycznie jak powyższy obiekt!