WIAI Tablice

Czym są tablice?

Tablice w JavaScript to obiekty, które służą do przechowywania ogromnej ilości danych w jednym miejscu (w jednej zmiennej).

Tworzenie tablicy (sposób 1)

const tab = []; (przy pomocy nawiasów klamrowych)

Tworzenie tablicy (sposób 2)

const tab = new Array(); (przy pomocy nawiasów okrągłych)

Indeksowanie tablic

Tablice w JavaScript są indeksowane, co oznacza, że każdy element tablicy ma swój własny numer identyfikacyjny, zaczynając od 0.

Uzyskanie dostępu dzięki indeksowaniu

Dzięki indeksowaniu możemy uzyskać dostęp do konkretnego elementu tablicy, podając jego indeks.

Odwołanie się do elementu tablicy

console. log(tab[1]); (indeks 1)

Odwołanie się przy pomocy funkcji at(index)

tab. at(1); (indeks 1)

Właściwość length

Każda tablica udostępnia nam właściwość length, która określa jej długość (czyli ilość jej elementów).

Tablica w języku JavaScript jest

obiektem (co oznacza, że posiada wiele różnych metod i właściwości, które pozwalają na pracę z tablicą.)

Dodawanie elementu do tablicy (podaj 2 sposoby)

metoda push() i += (np. tab += 4;)

Metoda pop()

Zabiera ostatni element z tablicy i go zwraca

Metoda unshift()

wstawia jeden lub kilka elementów na początku tablicy, po czym zwraca nową długość tablicy

Metoda shift()

usuwa pierwszy element z tablicy i zwraca jego wartość

Metoda join("separator")

służy do łączenia kolejnych elementów tablicy w jeden wspólny tekst. (Opcjonalny parametr separator oznacza tekst, który będzie oddzielał kolejne elementy w utworzonym tekście. Domyślnie jego wartość to znak przecinka.)

Metoda split()

Zmiana tekstu na tablicę na podstawie znaku podziału

Metoda reverse()

Odwracanie kolejności tablicy

Metoda indexOf("str")

zwraca indeks na którym znalazł szukany tekst/obiekt, lub -1, jeżeli danego elementu nie znalazł

Metoda lastIndexOf()

zwraca ostatnią pozycję szukanego tekstu

Metoda includes()

zwraca prawdę lub fałsz w zależności czy szukana wartość znajduje się w tablicy

Metoda sort()

służy do sortowania elementów tablicy

Standardowe segregowanie tablic JavaScript

Standardowo JavaScript segreguje tablice leksykograficznie (słownikowo). Oznacza to, że liczby traktowane są jak słowa (co może powodować nieoczekiwane rezultaty.)

Metoda concat()

Łączenie (scalenie) tablic

Metoda slice()

Funkcja slice(od, do*) zwraca kawałek tablicy na której została wywołana

Metoda splice()

Funkcja splice(index, ileUsunąć, nowyElement*...) służy zarówno do usuwania jak i wstawiania nowych elementów do tablicy

Podaj Nowe funkcje EcmaScript 2023

wprowadzono dla tablic nowe metody: toSorted(), toReversed(), toSpliced(), with()

Działanie toSorted(), toReversed(), toSpliced()

Pierwsze trzy, ich działanie jest takie samo jak wcześniejszych (sort(), reverse(), splice()) z tym że nie modyfikują oryginalnej tablicy, a zwracają zmienioną.

Metoda with(index, value)

zwraca nową tablicę ze zmienionym elementem na danym miejscu (Index oznacza miejsce modyfikacji. Jeżeli podana jest ujemna wartość, miejsce liczone jest od końca tablicy. Parametr value oznacza nową wartość)

Podaj Wszystkie Pętle w tablicach

pętla for, pętla for-of, metoda forEach

Metoda forEach

jest podobna do pętli, ale ma swoje braki, nie ma instrukcji break oraz continue (używamy gdy procesujemy na wszystkich elementach tablicy, nie używamy do zmiany elementów czy zmiany tablicy, pętla forEach jest wolniejsza)

Do iterowania po tablicach mamy

metodę obiektu Array i pętle