Tablice w JavaScript

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Tablica w JavaScript to struktura danych służąca do przechowywania wielu wartości pod jedną nazwą zmiennej. Elementami tablicy mogą być np. napisy, liczby, wartości logiczne, obiekty lub inne tablice.

Tworzenie tablicy

Tablicę można utworzyć za pomocą nawiasów kwadratowych albo konstruktora Array:

let imiona = ['Anna', 'Joanna', 'Monika', 'Agata'];
let liczby = new Array(10, 20, 30);

W egzaminach często pojawia się zapis:

var Imiona = new Array('Anna', 'Joanna', 'Monika', 'Agata');

Oznacza on tablicę z czterema elementami tekstowymi.

Indeksowanie od zera

Najważniejsza zasada: pierwszy element tablicy ma indeks 0, a nie 1.

Dla tablicy:

var Imiona = new Array('Anna', 'Joanna', 'Monika', 'Agata');

indeksy wyglądają tak:

  • Imiona[0]'Anna'
  • Imiona[1]'Joanna'
  • Imiona[2]'Monika'
  • Imiona[3]'Agata'

Dlatego elementem odnoszącym się do imienia Agata jest:

Imiona[3]

Dostęp do elementów tablicy

Do elementów tablicy odwołujemy się przez nazwę tablicy i indeks w nawiasach kwadratowych:

console.log(Imiona[3]); // Agata

Zapis Imiona['Agata'] nie oznacza odwołania do elementu o wartości Agata. W zwykłej tablicy należy podać numer indeksu, a nie zawartość elementu.

Typowy błąd egzaminacyjny

Częsty błąd polega na wybraniu Imiona[4], ponieważ Agata jest czwartym elementem tablicy. W JavaScript czwarty element ma jednak indeks 3, bo liczenie zaczyna się od zera.