JavaScript - obiekt tablicowy (Array)

Obiekt Array służy do przechowywania wielu wartości w jednej zmiennej. Indeksy tablic zaczynają się od zera. Tablica może przechowywać wiele wartości pod jedną nazwą i można uzyskać do nich dostęp, odwołując się do numeru indeksu.

Tworzenie tablicy

Użycie literału tablicowego jest najłatwiejszym sposobem utworzenia tablicy JavaScript. Nie ma potrzeby używania new Array().
Składnia:

var array_name = [item1, item2, ...]; 

Przykład:

var koty = ["jaguar", "lew", "kot", "puma"];

Dostęp do elementu tablicy można uzyskać, odwołując się do numeru indeksu. Indeksy macierzy zaczynają się od 0.
[0] to pierwszy element. [1] to drugi element.

wybraniec = koty[2];

Zmiana elementu

koty[2] = "kiciak";

Dostęp do pełnej tablicy można uzyskać odwołując się do nazwy tablicy

alert(koty);

Tablice są obiektami

Możesz mieć obiekty w tablicy. Możesz mieć funkcje w tablicy. Możesz mieć tablice w tablicy.

tablica[0] = Date.now;
tablica[1] = jakasFunkcja;
tablica[2] = koty;

Właściwości i metody tablic

Właściwości

Właściwość Opis Składnia
constructor Zwraca funkcję konstruktora tablicy. array.constructor
length Zwraca długość (liczbę elementów) tablicy array.length
prototype Umożliwia dodawanie właściwości i metod do obiektu Array Array.prototype.name = value

Metody tablicowe

Metoda Opis Składnia
concat() Łączy dwie lub więcej tablic i zwraca kopię połączonych tablic array1.concat(array2, array3, ..., arrayN)
copyWithin() Kopiuje elementy w tablicy do, z, ile określonych pozycji indeksu. Zastępuje oryginalną tablicę. target: wymagany, pozycja pierwszego indeksu, do której należy skopiować elementy. Opconalne: start (od którego indeksu wziąć elementy do skopiowania): domyślnie 0. end (na którym elemencie, do którego elementu kopiować, nie właczając go): domyślnie cała długość tablicy. end-start=ilość elementów do skopiowania array.copyWithin(target, start, end)
entries() Tworzy [object Array Iterator]: tablicę par klucz (z indeksu) / wartość. Nie zmienia oryginalnej tablicy. array.entries()
every() Sprawdza, czy każdy element w tablicy przechodzi test (dostarczony jako funkcja). Nie zmienia oryginalnej tablicy. Metoda wykonuje funkcję raz dla każdego elementu obecnego w tablicy. Jeśli znajdzie element tablicy, w którym funkcja zwraca wartość false, zwraca wartość false (i nie sprawdza pozostałych wartości). Jeśli nie wystąpi fałsz, zwraca true. 🛠 array.every(function(currentValue, index, arr), thisValue)
fill() Wypełnij elementy tablicy wartością statyczną
filter() Tworzy nową tablicę z każdym elementem w tablicy, który przejdzie test
find() Zwraca wartość pierwszego elementu w tablicy, która przejdzie test
findIndex() Zwraca indeks pierwszego elementu w tablicy, która przejdzie test
forEach() Wywołuje funkcję dla każdego elementu tablicy
from() Tworzy tablicę z obiektu
includes() Sprawdź, czy tablica zawiera określony element
indexOf() Wyszukaj w tablicy element i zwraca jego pozycję
isArray() Sprawdza, czy obiekt jest tablicą
join() Łączy wszystkie elementy tablicy w ciąg
keys() Zwraca obiekt iteracji macierzy, zawierający klucze oryginalnej tablicy
lastIndexOf() Wyszukaj w tablicy element, zaczynając od końca i zwraca jego pozycję
map() Tworzy nową tablicę z wynikiem wywołania funkcji dla każdego elementu tablicy
pop() Usuwa ostatni element tablicy i zwraca ten element
push() Dodaje nowe elementy na końcu tablicy i zwraca nową długość
reduce() Zmniejsz wartości tablicy do jednej wartości (przechodząc od lewej do prawej)
reduceRight() Zmniejsz wartości tablicy do jednej wartości (od prawej do lewej)
reverse() Odwraca kolejność elementów w tablicy
shift() Usuwa pierwszy element tablicy i zwraca ten element
slice() Wybiera część tablicy i zwraca nową tablicę
some() Sprawdza, czy którykolwiek z elementów w tablicy przechodzi test
sort() Sortuje elementy tablicy
splice() Dodaje / usuwa elementy z tablicy
toString() Konwertuje tablicę na ciąg znaków i zwraca wynik
unshift() Dodaje nowe elementy na początku tablicy i zwraca nową długość
valueOf() Zwraca pierwotną wartość tablicy

menu jest po prawej stronie -->