Tablice w JavaScript
Stronę tą wyświetlono już: 19453 razy
Różne sposoby deklarowania tablic w JavaScript
W JavaScript można deklarować tablice na kilka różnych sposobów. W przypadku tablic indeksowanych wyglądać to może następująco:
Jak widać przy okazji, tablica nie musi zawierać tylko jednego typu danych, może zawierać także obiekty klas, lub funkcje ale o tym będzie mowa przy innej okazji. Kolejnym sposobem deklarowania tablic jest użycie konstruktora:
Można również utworzyć tablicę asocjacyjną, (która tak na prawdę jest obiektem) w taki oto sposób:
Trzeba jednak mieć na uwadze, że tablica taka tak na prawdę jest obiektem i do jej pól można się odwołać np. w taki sposób:
Dodawanie elementów do tablicy
W przypadku tablicy indeksowanej można dodawać kolejne elementy w następujący sposób:
Jeżeli nie znasz liczby elementów tablicy, to nie musisz jej znać, aby do niej dodać nowy element, wystarczy posłużyć się metodą push w następujący sposób:
Z kolei dodawanie elementów do do obiektu wygląda następująco:
Sprawdzanie za pomocą operatora in, czy dany klucz istnieje w obiekcie
Sprawdzenie, czy dany klucz już znajduje się w obiekcie:
Pozyskiwanie informacji o liczbie elementów tablicy za pomocą właściwości length
Iterowanie po elementach tablicy indeksowanej
Po indeksowanej tablicy można iterować w dwojaki sposób. Pierwszy (klasyczny):
lub też z wykorzystaniem metody forEach:
lub skrócona najnowsza wersja:
Iterowanie po elementach obiektu w JavaScript
Iterowanie po elementach obiektu wygląda następująco:
Usuwanie, dodawanie i zastępowanie danego elementu tablicy za pomocą metody splice
Usunięcie elementu tablicy wygląda następująco:
Można również dodawać element:
Można połączyć usuwanie z dodawaniem nowych elementów np. tak:
Warto też zaznaczyć, że metoda splice zwraca tablicę usuniętych elementów.
Zdejmowanie ostatniego elementu tablicy za pomocą metody pop
Metoda pop zdejmuje ostatni element tablicy i zwraca go. Oto przykład:
Zdejmowanie pierwszego elementu tablicy za pomocą metody shift
Metoda shift zdejmuje pierwszy element tablicy i zwraca go. Oto przykład:
Łączenie elementów tablicy za pomocą metody join
W bardzo prosty sposób można przekształcić tablicę na tekst za pomocą metody join, co wygląda następująco:
Sortowanie tablicy za pomocą metody sort
Tablice mają wbudowaną metodę sortującą sort, która wykorzystuje algorytm sortowania bombelkowego. Niestety algorytm ten domyślnie sortuje w sposób leksykalny co oznacza, że np. liczby 1000 i 200 będą w nieprawidłowej kolejności ułożone po sortowaniu:
powyższemu przypadkowi można zapobiec korzystając z własnej funkcji sortującej. Ważne aby zrozumieć, że funkcja sortująca powinna zwracać wartości:
- ujemne, gdy pierwszy argument podany na wejście funkcji jest mniejszy od drugiego;
- zero, gdy oba argumenty podane na wejście funkcji są równe;
- dodatnie, gdy pierwszy argument podany na wejście funkcji jest większy od drugiego
Przykład użycia:
Odwracanie kolejności elementów w tablicy za pomocą metody reverse
Metoda reverse odwraca kolejność wyświetlania danych, oto przykład:
Łączenie tablic za pomocą metody concat
Metoda concat umożliwia łączenie dwóch lub kilku tablic w jedną w następujący sposób:
Metodzie concat można podać kilka tablic do połączenia.
Tworzenie kopii tablicy za pomocą metody slice
Metoda slice tworzy kopię całej tablicy, gdy nie zostały podane żadne argumenty. Możliwe jest również utworzenie kopii części tablicy poprzez podanie indeksu początkowego i końcowego. Oto przykład obrazujący różnicę pomiędzy zwykłym przepisaniem adresu do innej zmiennej a kopią tablicy:
Jak wspomniałem można również skopiować część tablicy (indeksowanie od 0):
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
JavaScript od pierwszej linii kodu. Błyskawiczna nauka pisania gier, stron WWW i aplikacji internetowych
Autor:
Laurence Lars Svekis, Maaike van Putten, Rob Percival
Tytuł:
JavaScript funkcyjnie. Zrównoważone, pragmatyczne programowanie funkcyjne w JavaScript
Autor:
Kyle Simpson
Tytuł:
JavaScript dla dzieci dla bystrzaków
Autor:
Chris Minnick, Eva Holland
Tytuł:
Modularny JavaScript dla zaawansowanych
Autor:
Nicolas Bevacqua
Tytuł:
JavaScript w praktyce. Stwórz twitterowego bota, system sygnalizacyjny LED i inne projekty z użyciem Node.js i Raspberry Pi
Autor:
Lynn Beighley
Tytuł:
Matematyka dla programistów JavaScript
Autor:
Jacek Piechota
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
ECMAScript 6. Przewodnik po nowym standardzie języka JavaScript
Autor:
Nicholas C. Zakas
Tytuł:
JavaScript i wzorce projektowe. Programowanie dla zaawansowanych. Wydanie II
Autor:
Simon Timms