Tablice w JavaScript
Przypomnijmy sobie kilka podstawowych rzeczy o tablicach:
- w tablicy można przechowywać wiele wartości(w odróżnieniu od zwykłej zmiennej, która przechowuje jedną wartość)
- w tablicy JavaScript można przechowywać liczby, tekst, tablice i obiekty
- tablice w JavaScript są obiektami
- tablicę deklarujemy korzystając z nawiasów kwadratowych
- długość tablicy(czyli ilość jej elementów) otrzymujemy poprzez jej właściwość length
Po więcej informacji, metod, właściwości tablic i przykładów na ich wykorzystanie odsyłam na w3schools. Znajduje się tam fragment o tym, że w tablicach możemy przechowywać także inne tablice. Taka tablica, która w każdej swojej komórce przechowuje tablicę nazywamy tablicą dwuwymiarową.
Brzmi poważnie?
Wyobraź sobie planszę do gry w statki, to jest właśnie tablica dwuwymiarowa.
Jak stworzyć tablicę dwuwymiarową?
Przedstawię jedną z metod tworzenia tablicy dwuwymiarowej. Na początku zadeklarujemy pustą tablicę o nazwie tablica
Drugim krokiem będzie zadeklarowanie w każdym elemencie tablicy kolejnej tablicy. W tym miejscu powinniśmy wiedzieć ile wierszy będzie miała nasza tablica.
Tablica dwuwymiarowa w działaniu
Powyższy kod wystarczy do zadeklarowania tablicy. Poniżej znajduje się gotowy przykład, który wypełnia tablicę wartościami z numerami wiersza i kolumny.
Jak wyświetlić tablicę dwuwymiarową?
Wykorzystaj do tego pętlę, taką jak przy wypełnianiu danymi, tylko tym razem odczytaj z niej wartości. Warto sformatować tekst, który generujemy i przedstawić go tak, aby po każdym wierszu(po każdej iteracji po i) przechodzić do nowej linjki.
Przykład
Poniżej zamieszczam cały listing strony, która prezentuje omawiany problem.
Efekt działania
Related Articles
Artykuł [JS] Jak stworzyć tablicę dwuwymiarową w JavaScript? pochodzi z serwisu RafałSkowron.pl.