Wprowadzenie do tablic

Zanurzmy się w fascynujący świat tablic w JavaScript! 

Tablice to podstawowa struktura danych w JavaScript, używana do przechowywania uporządkowanych zbiorów elementów.

Tablica to specjalna zmienna, która może przechowywać więcej niż jedną wartość.

Dlaczego warto używać tablic?

Jeśli masz listę elementów (takich jak imiona uczniów), imiona uczniów można przechowywać w pojedynczych zmiennych w następujący sposób: - 

let student_1 = "John";
let student_2 = "Smith";
let student_3 = "Jack";

Ale co, jeśli chcesz przejść pętlą przez listę uczniów i znaleźć konkretnego ucznia? A co, jeśli uczniów byłoby nie 3, ale 300?

Rozwiązaniem jest tablica!

Tworzenie tablicy

Użycie literału tablicowego to najprostszy sposób na utworzenie tablicy JavaScript.

Składnia:

const array_name = [item1, item2, item3, ...]; 

Powyżej utworzono tablicę o nazwie "array_name".

Dostęp do elementów tablicy

Tablica może przechowywać wiele wartości pod jedną nazwą. Dostęp do tych wartości można uzyskać, odwołując się do numeru indeksu. Jak pokazano na poniższym diagramie:

Utworzono tablicę zawierającą 6 elementów. Pierwszy element „A” znajduje się pod indeksem [0], drugi element „B” pod indeksem [1] i tak dalej.

Aby uzyskać dostęp do dowolnego elementu, możemy użyć tego indeksowania wraz z nazwą tablicy.

let element = array_name[index];

Na przykład:

const charArray = ['A', 'B', 'C', 'D', 'E', 'F'];
let charElement = charArray[2];
console.log(charElement);    // wynik: 'C'

Tutaj uzyskujesz dostęp do drugiego elementu „C” za pomocą jego indeksu.

Uwaga: Indeksy tablic zaczynają się od 0.

[0] oznacza pierwszy element. [1] oznacza drugi element i tak dalej.