JavaScript — tablice. Zmiana kolejności elementów tablicy w odwrotnej kolejności - odwróć
21.06.2017 o 12:17
Aby obliczyć rozmiar tablicy obiektów w JavaScript, użyj właściwości length tablicy.
Var arr = ["pierwszy", "drugi"]; console.log(tabela.długość); // 2
Tablice w javascript mogą mieć luki w swoich indeksach. Na przykład
Var arr = ; arr = "pierwszy"; arr = "drugi";
Właściwość length zwraca maksymalny indeks tablicy + 1. Tj. w podanym przykładzie długość = 5.
Obliczanie liczby elementów w tablicy w javascript
Tablica.prototyp.liczba = funkcja()( var wynik = 0; for(var i = 0; i< this.length; i++) if (this[i] != undefined) result++; return result; }
Przykład użycia
Var arr = ; arr = "pierwszy"; arr = "drugi"; console.log(arr.count()); //2
Możesz także przypisać wartość do właściwości length. Pozwala to zmniejszyć długość istniejącej tablicy.
Var arr = ["pierwszy", "drugi", "trzeci"]; arr.długość = 2; dziennik konsoli (arr); // ["pierwsza sekunda"]
Obliczanie rozmiaru tablicy w bajtach w javascript
Tablice to zwykłe obiekty, więc obliczanie rozmiaru tablicy w bajtach nie różni się niczym od obliczania rozmiaru dowolnego innego obiektu. Niestety javascript nie udostępnia interfejsu API do obliczania rozmiaru, więc musisz go obliczyć samodzielnie. Odbywa się to w następujący sposób: pomijamy wszystkie właściwości obiektu, jeśli właściwość jest typu pierwotnego, do wyniku sumarycznego dodajemy rozmiar instancji tego typu, jeśli właściwość zawiera obiekt, rekurencyjnie obliczamy jego rozmiar.
Funkcja sizeOf(obj) ( var bytes = 0; if(obj !== null && obj !== undefined) ( switch(typeof obj) ( case "number": bajty += 8; break; case "string": bajty += obj.length * 2; break; case "boolean": bajty += 4; break; case "object": for(var key in obj) ( bytes += sizeOf(obj); ) break; ) ) return bajty ;);
Metoda nie jest dokładna i wiąże się z wieloma problemami - na przykład prawdopodobnie wejdzie w nieskończoną pętlę.
Ostatnia aktualizacja: 26.03.2018
Obiekt Array reprezentuje tablicę i udostępnia szereg właściwości i metod, za pomocą których możemy manipulować tablicą.
Inicjalizacja tablicy
Możesz utworzyć pustą tablicę za pomocą nawiasów kwadratowych lub konstruktora Array:
varusers = nowa tablica(); var ludzie =; dziennik konsoli (użytkownicy); // tablica console.log(ludzie); // tablica
Możesz natychmiast zainicjować tablicę z pewną liczbą elementów:
Var users = new Array("Tomek", "Bill", "Alicja"); var ludzie = ["Sam", "Jan", "Kate"]; dziennik konsoli (użytkownicy); // ["Tomek", "Bill", "Alicja"] console.log(ludzie); // ["Sam", "Jan", "Kate"]
Możesz zdefiniować tablicę i definiować w niej nowe elementy na bieżąco:
varusers = nowa tablica(); użytkownicy = "tom"; użytkownicy = "Kate"; dziennik konsoli (użytkownicy); // "Tomek" console.log(users); // nieokreślony
Nie ma znaczenia, że domyślnie tablica jest tworzona z zerową długością. Za pomocą indeksów możemy zastąpić jeden lub drugi element określonym indeksem w tablicy.
długość
Aby znaleźć długość tablicy, użyj właściwości length:
var owoc = nowa tablica(); owoce = "jabłka"; owoc = „gruszki”; owoce = „śliwki”; document.write("W tablicy owoc " + owoc. długość + " element:
"); for(zmienna i=0; i< fruit.length; i++)
document.write(fruit[i] + "
");
W rzeczywistości długość tablicy będzie indeksem ostatniego elementu plus jeden. Na przykład:
varusers = nowa tablica(); // w tablicy znajduje się 0 elementów users = "Tom"; użytkownicy = "Kate"; użytkownicy = "sam"; for(zmienna i=0; i Dane wyjściowe przeglądarki: Tom Kate 2020 Inny Sam Chociaż nie dodaliśmy elementów dla indeksów 2 i 3, długość tablicy w tym przypadku będzie równa liczbie 5. Po prostu elementy pod indeksami 2 i 3 będą miały wartość undefined . Kopiowanie tablicy może być płytkie lub płytkie (płytka kopia) i głębokie (głęboka kopia). Do płytkiego kopiowania wystarczy przypisać zmiennej wartość innej zmiennej przechowującej tablicę: var użytkownicy = ["Tomek", "Sam", "Bill"]; dziennik konsoli (użytkownicy); // ["Tomek", "Sam", "Bill"] var people = users; // płytka kopia ludzie = "Mike"; // zmiana drugiego elementu console.log(users); // ["Tomek", "Mike", "Bill"] W tym przypadku zmienna people po skopiowaniu będzie wskazywać na tę samą tablicę, co zmienna users. Dlatego zmieniając elementy w ludziach, elementy w użytkownikach również się zmienią, ponieważ w rzeczywistości jest to ta sama tablica. Takie zachowanie nie zawsze jest pożądane. Na przykład chcemy, aby zmienne po skopiowaniu wskazywały na oddzielne tablice. W tym przypadku możesz użyć głębokiego kopiowania za pomocą metody slice() : var użytkownicy = ["Tomek", "Sam", "Bill"]; dziennik konsoli (użytkownicy); // ["Tomek", "Sam", "Bill"] var people = users.slice(); // ludzie kopiujący głęboko = "Mike"; // zmiana drugiego elementu console.log(users); // ["Tomek", "Sam", "Bill"] console.log(ludzie); // ["Tomek", "Mike", "Bill"] W tym przypadku po skopiowaniu zmienne będą wskazywać na różne tablice i możemy je zmieniać niezależnie od siebie. Ponadto metoda slice() umożliwia skopiowanie części tablicy: Użytkownicy Var = ["Tom", "Sam", "Bill", "Alice", "Kate"]; var ludzie = użytkownicy.wycinek(1, 4); dziennik konsoli (ludzie); // ["Sam", "Bill", "Alicja"] Metoda slice() otrzymuje indeks początkowy i końcowy, które służą do pobierania wartości z tablicy. Oznacza to, że w tym przypadku wybór do nowej tablicy przechodzi od indeksu 1 do indeksu 4, nie włączając. A ponieważ indeksowanie tablicy zaczyna się od zera, nowa tablica będzie zawierała drugi, trzeci i czwarty element. Metoda push() dodaje element na końcu tablicy: var owoc = ; owoce.push("jabłka"); owoce.push("gruszki"); owoce.push("śliwki"); owoce.push("wiśnia","morela Metoda pop() usuwa ostatni element z tablicy: War owoce = ["jabłka", "gruszki", "śliwki"]; var lastFruit = owoc.pop(); // pobierz ostatni element z tablicy document.write(lastFruit + " Dane wyjściowe przeglądarki: Śliwki Tablica Owoc składa się z 2 elementów: jabłka gruszki Metoda shift() pobiera i usuwa pierwszy element z tablicy: War owoce = ["jabłka", "gruszki", "śliwki"]; var pierwszyOwoc = owoc.shift(); document.write(pierwszyOwoc + " Dane wyjściowe przeglądarki: Tablica Jabłka Owoce ma 2 elementy: gruszki śliwki Metoda unshift() dodaje nowy element na początku tablicy: War owoce = ["jabłka", "gruszki", "śliwki"]; owoce.unshift("morele"); dokument.write(owoc); Dane wyjściowe przeglądarki: Morele, jabłka, gruszki, śliwki Metoda splice() usuwa elementy z określonego indeksu. Na przykład usunięcie elementów z trzeciego indeksu: Użytkownicy Var = ["Tom", "Sam", "Bill", "Alice", "Kate"]; var usunięto = użytkownicy.splice(3); dziennik konsoli (usunięty); // [ "Alicja", "Kate" ] console.log(users); // [ "Tomek", "Sam", "Bill" ] Metoda slice zwraca usunięte elementy. W tym przypadku usunięcie następuje od początku tablicy. Jeśli przekażesz ujemny indeks, usunięcie zostanie wykonane od końca tablicy. Na przykład usuńmy ostatni element: Użytkownicy Var = ["Tom", "Sam", "Bill", "Alice", "Kate"]; var usunięto = użytkownicy.splice(-1); dziennik konsoli (usunięty); // [ "Kate" ] console.log(users); // [ "Tomek", "Sam", "Bill", "Alicja" ] Dodatkowa wersja metody umożliwia określenie indeksu końcowego do usunięcia. Na przykład usuńmy indeks od pierwszego do trzeciego: Użytkownicy Var = ["Tom", "Sam", "Bill", "Alice", "Kate"]; var usunięto = użytkownicy.splice(1,3); dziennik konsoli (usunięty); // [ "Sam", "Bill", "Alicja" ] console.log(users); // [ "Tomek", "Kate" ] Inna wersja metody łączenia umożliwia wstawianie nowych elementów w miejsce usuniętych elementów: Użytkownicy Var = ["Tom", "Sam", "Bill", "Alice", "Kate"]; var usunięto = users.splice(1,3, "Ann", "Bob"); dziennik konsoli (usunięty); // [ "Sam", "Bill", "Alicja" ] console.log(users); // [ "Tomek", "Anna", "Bob", "Kate" ] W tym przypadku usuwamy trzy elementy z indeksów od 1 do 3 i zamiast nich wstawiamy dwa elementy. Metoda concat() służy do łączenia tablic: War owoce = ["jabłka", "gruszki", "śliwki"]; var warzywa = ["pomidory", "ogórki", "ziemniaki"]; var produkty = owoce.concat(warzywa); for(zmienna i=0; i< products.length; i++)
document.write(products[i] + " W takim przypadku nie jest konieczne łączenie tylko tablic tego samego typu. Możesz także mieć różne rodzaje: War owoce = ["jabłka", "gruszki", "śliwki"]; różne ceny = ; var produkty = owoce.concat(ceny); Metoda join() łączy wszystkie elementy tablicy w jeden łańcuch: War owoce = ["jabłka", "gruszki", "śliwki", "morele", "brzoskwinie"]; var ciąg_owocowy = owoc.join(", "); document.write(ciąg owoców); Metoda join() przekazuje separator między elementami tablicy. W takim przypadku przecinek i spacja (", ") zostaną użyte jako separator. Metoda sort() sortuje tablicę w porządku rosnącym: War owoce = ["jabłka", "gruszki", "śliwki", "morele", "brzoskwinie"]; sortowanie owoców(); for(zmienna i=0; i< fruit.length; i++)
document.write(fruit[i] + " Wyjście w przeglądarce: Morele gruszki brzoskwinie śliwki jabłka Metoda reverse() odwraca tablicę do tyłu: War owoce = ["jabłka", "gruszki", "śliwki", "morele", "brzoskwinie"]; owoc.reverse(); for(zmienna i=0; i< fruit.length; i++)
document.write(fruit[i] + " Wyjście w przeglądarce: Brzoskwinie Morele Śliwki Gruszki Jabłka W połączeniu z metodą sort() możesz posortować tablicę w kolejności malejącej: War owoce = ["jabłka", "gruszki", "śliwki", "morele", "brzoskwinie"]; owoce.sort().reverse(); for(zmienna i=0; i< fruit.length; i++)
document.write(fruit[i] + " Wyjście w przeglądarce: Jabłka śliwki brzoskwinie gruszki morele Metody indexOf() i lastIndexOf() zwracają indeks pierwszego i ostatniego wystąpienia elementu w tablicy. Na przykład: War owoce = ["jabłka", "gruszki", "śliwki", "jabłka", "gruszki"]; var pierwszyIndeks = owoce.indeksOf("jabłka"); var lastIndex = fruit.lastIndexOf("jabłka"); var innyIndeks = owoce.indeksOf("wiśnie"); dokument.write(pierwszyIndeks); // 0 document.write(lastIndex); // 3 document.write(innyIndeks); // -1 firstIndex wynosi 0, ponieważ pierwsze wystąpienie ciągu „jabłka” w tablicy ma indeks 0, a ostatnie — indeks 3. Jeśli elementu nie ma w tablicy, metody indexOf() i lastIndexOf() zwracają -1. Metoda every() sprawdza, czy wszystkie elementy spełniają określony warunek: Liczby zmiennych = [ 1, -12, 8, -4, 25, 42 ]; funkcja warunek(wartość, indeks, tablica) ( var wynik = fałsz; if (wartość > 0) ( wynik = prawda; ) zwróć wynik; ); var przeszedł = liczby.każdy(warunek); dokument.write(przeszedł); // FAŁSZ Do metody every() przekazywana jest funkcja reprezentująca warunek jako parametr. Ta funkcja przyjmuje trzy parametry: Warunek funkcji(wartość, indeks, tablica) ( ) Parametr value reprezentuje bieżący element tablicy, który jest iterowany, parametr index reprezentuje indeks tego elementu, a parametr array przekazuje odwołanie do tablicy. W tej funkcji możemy sprawdzić przekazaną wartość elementu pod pewnym warunkiem. Na przykład w tym przykładzie sprawdzamy każdy element tablicy, aby zobaczyć, czy jest większy od zera. Jeśli jest większa, to zwracamy wartość true, czyli element spełnia warunek. Jeśli mniej, zwróć false - element nie spełnia warunku. W rezultacie, gdy wywoływana jest metoda numbers.every(condition), iteruje ona po wszystkich elementach tablicy liczb i przekazuje je kolejno do funkcji warunku. Jeśli ta funkcja zwróci wartość true dla wszystkich elementów, to every() zwróci wartość true . Jeśli przynajmniej jeden element nie spełnia warunku, metoda every() zwraca false . Metoda some() jest podobna do metody every(), tylko sprawdza, czy przynajmniej jeden element spełnia warunek. W tym przypadku metoda some() zwraca wartość true . Jeśli w tablicy nie ma elementów spełniających warunek, zwracana jest wartość false: Liczby zmiennych = [ 1, -12, 8, -4, 25, 42 ]; funkcja warunek(wartość, indeks, tablica) ( var wynik = fałsz; if (wartość === 8) ( wynik = prawda; ) zwróć wynik; ); var przeszedł = liczby.niektóre(warunek); // PRAWDA Metoda filter() , podobnie jak some() i every() , przyjmuje funkcję warunkową. Ale jednocześnie zwraca tablicę tych elementów, które spełniają ten warunek: Liczby zmiennych = [ 1, -12, 8, -4, 25, 42 ]; funkcja warunek(wartość, indeks, tablica) ( var wynik = fałsz; if (wartość > 0) ( wynik = prawda; ) zwróć wynik; ); var filtrowaneLiczby = liczby.filtr(warunek); for(zmienna i=0; i< filteredNumbers.length; i++)
document.write(filteredNumbers[i] + " Wyjście w przeglądarce: 1
8
25
42
Metody forEach() i map() iterują po elementach i wykonują na nich określone operacje. Na przykład, aby obliczyć kwadraty liczb w tablicy, możesz użyć następującego kodu: var numery = [ 1, 2, 3, 4, 5, 6]; for(var i = 0; i Ale używając metody forEach() możesz uprościć tę konstrukcję: var numery = [ 1, 2, 3, 4, 5, 6]; funkcja kwadrat(wartość, indeks, tablica) ( var wynik = wartość * wartość; document.write("Kwadrat liczby " + wartość + " to " + wynik + " Metoda forEach() przyjmuje jako parametr tę samą funkcję, do której podczas iteracji po elementach przekazywany jest bieżący element iterowany i wykonywane są na nim operacje. Metoda map() jest podobna do metody forEach, również przyjmuje jako parametr funkcję wykonującą operacje na iterowanych elementach tablicy, jednak metoda map() zwraca nową tablicę z wynikami operacji na elementach tablicy . Na przykład zastosujmy metodę map do obliczenia kwadratów liczb w tablicy: var numery = [ 1, 2, 3, 4, 5, 6]; funkcja kwadrat(wartość, indeks, tablica) ( zwraca wynik = wartość * wartość; ); var kwadratTablica = liczby.mapa(kwadrat); dokument.write(kwadratowa tablica); Funkcja, która jest przekazywana do metody map() pobiera aktualnie iterowany element, wykonuje na nim operacje i zwraca pewną wartość. Ta wartość jest następnie przekazywana do wynikowej tablicy squareArray Jak zrozumiałeś z tego artykułu, w zmiennej można przechowywać tylko jedną wartość. Ile byśmy się starali nie zapiszemy więcej niż jednej wartości w zmiennej. Powiedzmy, że deklarujemy jakąś zmienną z i przypisujemy jej wartość 8. A jeśli gdzieś niżej w kodzie ustawimy inną wartość, powiedzmy 3, to stara wartość zniknie i zamiast niej zostanie wpisana nowa. Aby móc zapisać więcej niż jedną wartość w zmiennej, musisz użyć takiego typu danych jak tablica. szyk pozwala zapisać do zmiennej jednocześnie nieograniczoną liczbę wartości dowolnego typu. Poprzednio w JavaScript tablicę deklarowano w następujący sposób: Var arr = new Array(7, 8, "k", "v", 3.2, 4); Czasy się zmieniły i teraz tablica jest zadeklarowana w inny sposób, bardziej skrócony. Elementy są również wymienione oddzielone przecinkami, ale już w prostych nawiasach kwadratowych. Var arr = [ 7, 8, "k", "v", 3,2, 4 ]; Teraz zmienna arr to jednowymiarowa tablica danych, różne rodzaje. Każdy element w tablicy ma swój własny indeks. Proszę zauważyć, że to indeks zaczyna się od zera. Określa pozycję elementu w tablicy. Struktura tablicowa na to wygląda: Aby odwołać się do jakiegoś elementu z tablicy, należy wpisać nazwę tablicy, aw nawiasach kwadratowych wskazać indeks elementu, z którego chcemy uzyskać. Na przykład wyświetlmy element, którego indeks wynosi 2, czyli literę „k”. dokument.write(" Wyświetlamy element tablicy arr, którego indeks jest równy 2: „+arr+”Kopiowanie tablicy. plasterek()
naciskać()
"); document.write(owoce); // jabłka, gruszki, śliwki, wiśnie, moreleMuzyka pop()
"); document.write("W tablicy owoc " + owoc. długość + " element:
"); for(zmienna i=0; i zmiana()
"); document.write("W tablicy owoc " + owoc. długość + " element:
"); for(zmienna i=0; i cofnij przesunięcie ()
Usuwanie elementu według indeksu. splatać()
konkatować()
");
dołączyć()
sortować()
");
odwracać()
");
");
Znalezienie indeksu elementu
każdy()
Niektóre()
filtr()
");
forEach() i map()
"););liczby.forEach(kwadrat);
A co jeśli chcemy wyświetlić wszystkie elementy tablicy. Jeśli elementów jest mało, to można odwoływać się do każdego z osobna, jak w przykładzie, czyli arr, arr, arr.
Ale jeśli w tablicy jest 100 elementów, ta opcja nie działa. Tutaj musisz użyć .
Zanim przejdziemy do iteracji po tablicy, chcę przedstawić Państwu tę właściwość długość. Jest to uniwersalna właściwość, która pozwala znaleźć długość tablicy, czyli całkowitą liczbę elementów w tablicy. Można go również użyć do określenia długości łańcucha.
Dla zabawy dowiedzmy się, jak długa jest tablica arr.
dokument.write("
Liczba elementów w tablicy arr =" + arr.length + "
); // Wynik: 6Teraz, aby wyświetlić wszystkie elementy naraz, iteruj po całej tablicy za pomocą pętli.
For(zmienna i = 0; i< arr.length; i++){ document.write("
Arr elementu tablicy z indeksem " + ja + " równa się: " + arr[i] + "
"); }Otwieramy tę stronę w przeglądarce i widzimy następujący obraz:
Aby poćwiczyć, spróbuj przejść przez tablicę „arr” i użyć reszty pętli while i do-while.
Istnieje inny prosty i krótki wariant wyliczania mała tablica. Polega ona na tym, że każdy element tablicy można obejrzeć za pomocą metody alert. Najpierw piszemy nazwę samej tablicy lub możesz od razu podać listę elementów w nawiasach kwadratowych. Następnie piszemy funkcję forEach i zapisujemy metodę alert jako parametr, bez nawiasów.
Arr.forEach(alert);
Teraz, jeśli otworzymy stronę w przeglądarce, zobaczymy po kolei każdy element tablicy.
Wypełnianie tablicy pętlą
Na przykład w określonej tablicy zapiszemy wyniki tabliczki mnożenia od 1 do 10.
Najpierw musisz zadeklarować pustą tablicę, którą wypełnimy. Następnie należy zadeklarować zmienną i od razu przypisać jej wartość 0. Zmienna ta posłuży jako indeks dla zadeklarowanej tablicy. Następnym krokiem jest wypełnienie samej tablicy za pomocą takiej techniki, jak cykl w cyklu.
//Zadeklaruj pustą tablicę var new_arr = ; // Zmienna jako indeks do tablicy new_arr var k = 0; for(var i = 1; i
Jeśli otworzymy tę stronę w przeglądarce, zobaczymy następujący wynik:
Początkowo zmienna i jest równa jeden. A ten jest mnożony przez wszystkie wartości zmiennej j. Po 10-krotnym przejściu przez drugą pętlę wracamy do pierwszej pętli i zwiększamy zmienną i o jeden. Teraz i równa się dwa. Ponownie przechodzimy do drugiej pętli i mnożymy wartość 2 przez wszystkie wartości zmiennej j (od 1 do 10). Wynikiem jest drugi wiersz: 2 4 6 8 ... 20. I dzieje się tak do momentu, aż zmienna i stanie się równa 11. Gdy tylko przyjmie tę wartość, wychodzimy z pętli.
Oblicz sumę wszystkich elementów tablicy
Mamy tablicę new_arr, która przechowuje 100 liczb (całą tabliczkę mnożenia). Teraz obliczmy sumę wszystkich tych elementów.
//Utwórz zmienną dla sumy var summ = 0; for(var i = 0; i< new_arr.length; i++){ summ += new_arr[i]; } document.write("
Suma elementów tablicy new_arr to: " + summ + "
"); //Wynik 3025To wszystko, o czym chciałem opowiedzieć w tym artykule. Teraz wiesz, jak stworzyć tablicę, jak ją wypełnić i jak z tym pracować.
W praktyce tablice są dość powszechne, ponieważ są bardzo ważne w programowaniu, więc powinieneś dobrze ich znać.
Tablice
szyk jest uporządkowanym zbiorem wartości. Wartości w tablicy nazywane są elementami, a każdy element charakteryzuje się numeryczną pozycją w tablicy, która nazywa się indeksem. Tablice w JavaScript są bez typów: elementy tablicy mogą być dowolnego typu, a różne elementy tej samej tablicy mogą mieć różne typy. Elementami tablicy mogą być nawet obiekty lub inne tablice, co pozwala tworzyć złożone struktury danych, takie jak tablice obiektów i tablice tablic.
Indeksy tablic JavaScript są oparte na zerach i używają 32-bitowych liczb całkowitych - pierwszy element tablicy ma indeks 0. Tablice w JavaScript są dynamiczne: mogą rosnąć i zmniejszać się w zależności od potrzeb; nie ma potrzeby deklarowania stałych rozmiarów tablic podczas ich tworzenia ani ponownego przydzielania pamięci, gdy zmieniają się ich rozmiary.
Tablice w JavaScript są wyspecjalizowaną formą obiektów, a indeksy tablic oznaczają niewiele więcej niż tylko nazwy właściwości, które przypadkowo są liczbami całkowitymi.
Tworzenie tablic
Najłatwiejszym sposobem utworzenia tablicy jest użycie literału, który jest prostą listą elementów tablicy oddzielonych przecinkami w nawiasach kwadratowych. Wartości w literale tablicowym nie muszą być stałymi - mogą to być dowolne wyrażenia, w tym literały obiektowe:
zmienna pusta = ; // Pusta tablica var numery = ; // Tablica z pięcioma elementami numerycznymi var misc = [ 1.1, true, "a", ]; // 3 elementy różnych typów + końcowy przecinek var base = 1024; tabela zmiennych = ; // Tablica ze zmiennymi var arrObj = [, ]; // 2 tablice wewnątrz zawierające obiekty
Składnia literału tablicowego pozwala na opcjonalny końcowy przecinek, tj. literał [,] dopasowuje tablicę z dwoma elementami, a nie trzema.
Innym sposobem utworzenia tablicy jest wywołanie konstruktora szyk(). Konstruktor można wywołać na trzy różne sposoby:
Konstruktor wywołania bez argumentów:
Var tablica = nowa tablica();
W takim przypadku zostanie utworzona pusta tablica równoważna literałowi.
Wywołaj konstruktora z pojedynczym argumentem liczbowym określającym długość tablicy:
Var arr = nowa tablica(10);
W takim przypadku zostanie utworzona pusta tablica o określonej długości. Ta forma wywołania konstruktora Array() może być wykorzystana do wstępnego przydzielenia pamięci dla tablicy, jeśli liczba jej elementów jest z góry znana. Zauważ, że to nie przechowuje żadnych wartości w tablicy.
Jawnie określ w wywołaniu konstruktora wartości pierwszych dwóch lub więcej elementów tablicy lub jednego elementu nienumerycznego:
Var arr = new Array(5, 4, 3, 2, 1, "test");
W takim przypadku argumenty konstruktora stają się wartościami elementów nowej tablicy. Używanie literałów tablicowych jest prawie zawsze łatwiejsze niż użycie konstruktora Array() w ten sposób.
Odczytywanie i zapisywanie elementów tablicy
Elementy tablicy są dostępne za pomocą . Po lewej stronie nawiasów musi znajdować się odwołanie do tablicy. W nawiasach musi znajdować się dowolne wyrażenie, które zwraca nieujemną liczbę całkowitą. Ta składnia jest odpowiednia zarówno do odczytywania, jak i zapisywania wartości elementu tablicy. Dlatego wszystkie poniższe instrukcje JavaScript są prawidłowe:
// Utwórz tablicę z jednym elementem var arr = ["world"]; // Odczyt elementu 0 var wartość = arr; // Zapisz wartość do elementu 1 arr = 3,14; // Zapisz wartość do elementu 2 i = 2; arr[i] = 3; // Zapisz wartość do elementu 3 arr = "hello"; // Odczyt elementów 0 i 2, zapis wartości do elementu 3 arr] = arr;
Przypomnę, że tablice to wyspecjalizowany rodzaj obiektów. Nawiasy kwadratowe używane do uzyskiwania dostępu do elementów tablicy działają dokładnie tak samo, jak nawiasy kwadratowe używane do uzyskiwania dostępu do właściwości obiektu. Interpreter języka JavaScript konwertuje indeksy numeryczne w nawiasach na ciągi — indeks 1 staje się ciągiem „1” — a następnie używa ciągów jako nazw właściwości.
Nie ma nic specjalnego w konwertowaniu indeksów liczbowych na łańcuchy: to samo można zrobić ze zwykłymi obiektami:
var obiekt = (); // Utwórz prosty obiekt obj = "jeden"; // Indeksuj to liczbami całkowitymi
Osobliwością tablic jest to, że w przypadku używania nazw właściwości, które są nieujemnymi liczbami całkowitymi, tablice automatycznie określają wartość właściwości długość. Na przykład tablica arr została utworzona powyżej z jednym elementem. Następnie przypisała swoim elementom wartości pod indeksami 1, 2 i 3. W wyniku tych operacji wartość właściwości length tablicy zmieniła się na 4.
Należy wyraźnie rozróżnić indeksy tablicowe od nazw właściwości obiektów. Wszystkie indeksy są nazwami właściwości, ale indeksami są tylko właściwości, których nazwy są reprezentowane przez liczby całkowite. Wszystkie tablice są obiektami i można do nich dodawać właściwości o dowolnych nazwach. Jeśli jednak dotkniesz właściwości, które są indeksami tablic, tablice zareagują, aktualizując wartość właściwości length zgodnie z potrzebami.
Należy pamiętać, że dozwolone jest używanie liczb ujemnych i niecałkowitych jako indeksów tablic. W tym przypadku liczby są konwertowane na ciągi znaków, które są używane jako nazwy właściwości.
Dodawanie i usuwanie elementów tablicy
Widzieliśmy już, że najłatwiejszym sposobem dodania elementów do tablicy jest przypisanie wartości do nowych indeksów. Możesz także użyć tej metody, aby dodać jeden lub więcej elementów na końcu tablicy. naciskać():
Var arr = ; // Utwórz pustą tablicę arr.push("zero"); // Dodaj wartość do końca arr.push("jeden",2); // Dodaj jeszcze dwie wartości
Możesz także dodać element na końcu tablicy, przypisując wartość do elementu arr. Aby wstawić element na początku tablicy, możesz użyć metody cofnij przesunięcie (), który przenosi istniejące elementy w tablicy na wyższe pozycje indeksu.
Elementy tablicy można usuwać za pomocą operatora delete, podobnie jak zwykłe właściwości obiektów:
Var arr = ; usuń arr; 2 w arr; // false, indeks tablicy 2 nie jest zdefiniowany arr.length; // 3: Operator delete nie zmienia właściwości length tablicy
Usunięcie elementu jest podobne (ale nieco inne) do przypisania undefined do tego elementu. Należy zauważyć, że zastosowanie operatora delete do elementu tablicy nie zmienia wartości właściwości length ani nie przesuwa elementów o wyższych indeksach w dół, aby wypełnić pustkę pozostawioną przez usuwany element.
Możliwe jest również usunięcie elementów na końcu tablicy poprzez proste przypisanie nowej wartości do właściwości length. Tablice mają metodę Muzyka pop()(naprzeciwko funkcji push()), która zmniejsza długość tablicy o 1 i zwraca wartość usuniętego elementu. Jest też metoda zmiana()(przeciwieństwo metody unshift()), która usuwa element na początku tablicy. W przeciwieństwie do operatora delete, metoda shift() przesuwa wszystkie elementy w dół do pozycji poniżej ich bieżących indeksów.
Wreszcie istnieje metoda wielozadaniowa splatać(), który umożliwia wstawianie, usuwanie i zastępowanie elementów tablic. W razie potrzeby zmienia wartość właściwości length i przesuwa elementy tablicy o niższych lub wyższych indeksach. Omówimy wszystkie te metody nieco później.
Tablice wielowymiarowe
JavaScript nie obsługuje „prawdziwych” wielowymiarowych tablic, ale fajnie jest symulować je za pomocą tablic tablic. Aby uzyskać dostęp do elementu danych w tablicy tablic, wystarczy dwukrotnie użyć operatora.
Załóżmy na przykład, że macierz zmiennych jest tablicą tablic liczb. Każdy element matrix[x] jest tablicą liczb. Aby uzyskać dostęp do określonej liczby w tablicy, możesz użyć wyrażenia matrix[x][y]. Poniżej znajduje się konkretny przykład, w którym dwuwymiarowa tablica jest używana jako tabliczka mnożenia:
// Tworzenie tablicy wielowymiarowej var table = new Array(10); // W tabeli jest 10 wierszy for(var i = 0; i
Metody klas tablicowych
Standard ECMAScript 3 definiuje szereg wygodnych funkcji do pracy z tablicami w ramach Array.prototype , które są dostępne jako metody dowolnej tablicy. Metody te zostaną przedstawione w kolejnych podrozdziałach.
metoda join().
Metoda Array.join() konwertuje wszystkie elementy tablicy na ciągi, łączy je i zwraca wynikowy ciąg. Jako opcjonalny argument metody można podać ciąg, który będzie używany do rozdzielania elementów w ciągu wynikowym. Jeśli nie określono łańcucha separatora, używany jest przecinek. Na przykład następujący fragment kodu daje ciąg znaków „1,2,3”:
Var arr = ; arr.join(); // "1,2,3" arr.join("-"); // "1-2-3"
metoda reverse().
Metoda Array.reverse() odwraca kolejność elementów w tablicy i zwraca tablicę o zmienionej kolejności. Permutacja jest wykonywana bezpośrednio na oryginalnej tablicy, tj. ta metoda nie tworzy nowej tablicy ze zmienionymi elementami, ale zmienia ich kolejność w już istniejącej tablicy. Na przykład poniższy fragment, w którym zastosowano metody reverse() i join(), daje w wyniku łańcuch „3,2,1”:
Var arr = ; arr.reverse().join(); // "3,2,1"
metoda sort().
Metoda Array.sort() sortuje elementy w oryginalnej tablicy i zwraca posortowaną tablicę. Jeśli metoda sort() zostanie wywołana bez argumentów, sortowanie odbywa się w porządku alfabetycznym (elementy są tymczasowo konwertowane na ciągi znaków w celu porównania, jeśli to konieczne). Niezdefiniowane elementy są przenoszone na koniec tablicy.
Aby posortować w innej kolejności niż alfabetyczna, możesz przekazać funkcję porównania jako argument do metody sort(). Ta funkcja określa, który z jej dwóch argumentów powinien znaleźć się jako pierwszy na posortowanej liście. Jeśli pierwszy argument musi wystąpić przed drugim, funkcja porównania musi zwrócić liczbę ujemną. Jeśli pierwszy argument ma następować po drugim w posortowanej tablicy, funkcja musi zwrócić liczbę większą od zera. A jeśli dwie wartości są równoważne (tj. ich kolejność nie ma znaczenia), funkcja porównania powinna zwrócić 0:
Var arr = ; arr.sort(); // Kolejność alfabetyczna: 1111, 222, 33, 4 arr.sort(function(a,b) ( // Kolejność liczbowa: 4, 33, 222, 1111 return a-b; // Zwraca wartość 0 // w zależności od kolejności sortowania a oraz b)); // Sortuj wstecz, od największego do najmniejszego arr.sort(function(a,b) (return b-a));
Zwróć uwagę, jak wygodne jest użycie nienazwanej funkcji w tym fragmencie. Funkcja porównania jest używana tylko tutaj, więc nie ma potrzeby nadawania jej nazwy.
metoda concate().
Metoda Array.concat() tworzy i zwraca nową tablicę zawierającą elementy oryginalnej tablicy, na której została wywołana metoda concat() oraz wartości dowolnych argumentów przekazanych do metody concat(). Jeśli którykolwiek z tych argumentów sam w sobie jest tablicą, jego elementy są dodawane do zwróconej tablicy. Należy jednak zauważyć, że nie istnieje rekurencyjna transformacja tablicy tablic na tablicę jednowymiarową. Metoda concat() nie modyfikuje oryginalnej tablicy. Poniżej znajduje się kilka przykładów:
Var arr = ; arr.concat(4, 5); // Powrót arr.concat(); // Zwraca arr.concat(,) // Zwraca arr.concat(4, ]) // Zwraca ]
metoda plaster().
Metoda Array.slice() zwraca wycinek lub podtablicę określonej tablicy. Dwa argumenty metody określają początek i koniec zwracanego fragmentu. Zwrócona tablica zawiera element, którego numer jest określony w pierwszym argumencie, oraz wszystkie kolejne elementy, aż do (ale nie włącznie) elementu, którego numer jest określony w drugim argumencie.
Jeśli podany jest tylko jeden argument, zwrócona tablica zawiera wszystkie elementy od pozycji początkowej do końca tablicy. Jeśli którykolwiek z argumentów jest ujemny, określa numer elementu względem końca tablicy. Zatem argument -1 odpowiada ostatniemu elementowi tablicy, a argument -3 odpowiada trzeciemu elementowi tablicy od końca. Oto kilka przykładów:
Var arr = ; arr kawałek (0,3); // Zwraca arr.slice(3); // Zwraca arr.slice(1,-1); // Zwraca arr.slice(-3,-2); // Powrót
metoda splice().
Metoda Array.splice() to ogólna metoda, która wstawia lub usuwa elementy tablicy. W przeciwieństwie do metod slice() i concat(), metoda splice() modyfikuje oryginalną tablicę, na której została wywołana. Zauważ, że metody splice() i slice() mają bardzo podobne nazwy, ale wykonują zupełnie inne operacje.
Metoda splice() może usuwać elementy z tablicy, wstawiać nowe elementy lub wykonywać obie czynności jednocześnie. Elementy tablicy są przesuwane w razie potrzeby, aby utworzyć ciągłą sekwencję po wstawieniu lub usunięciu.
Pierwszy argument metody splice() określa pozycję w tablicy, z której zostanie wykonane wstawienie i/lub usunięcie. Drugi argument określa liczbę elementów do usunięcia (wycięcia) z tablicy. Jeśli drugi argument zostanie pominięty, wszystkie elementy tablicy od określonej tablicy do końca tablicy zostaną usunięte. Metoda splice() zwraca tablicę usuniętych elementów lub (jeśli żadne elementy nie zostały usunięte) pustą tablicę.
Pierwsze dwa argumenty metody splice() określają elementy tablicy do usunięcia. Po tych argumentach może następować dowolna liczba argumentów opcjonalnych, które określają elementy, które mają zostać wstawione do tablicy, zaczynając od pozycji określonej w pierwszym argumencie.
Var arr = ; arr.splice(4); // Zwraca , arr = arr.splice(1,2); // Zwraca , arr = arr.splice(1,1); // Zwroty ; arr = arr = ; arr.splice(2,0,"a","b"); // Zwroty ; arr=
metody push() i pop().
Metody push() i pop() umożliwiają traktowanie tablic jak stosów. Metoda push() dodaje jeden lub więcej nowych elementów na końcu tablicy i zwraca jej nową długość. Metoda pop() wykonuje operację odwrotną - usuwa ostatni element tablicy, zmniejsza długość tablicy i zwraca usuniętą wartość. Zauważ, że obie te metody modyfikują oryginalną tablicę, a nie tworzą jej zmodyfikowaną kopię.
metody unshift() i shift().
Metody unshift() i shift() zachowują się podobnie jak metody push() i pop(), z tą różnicą, że wstawiają i usuwają elementy na początku tablicy, a nie na końcu. Metoda unshift() przesuwa istniejące elementy w kierunku wyższych indeksów, aby zwolnić miejsce, dodaje element lub elementy na początek tablicy i zwraca nową długość tablicy. Metoda shift() usuwa i zwraca pierwszy element tablicy, przesuwając wszystkie kolejne elementy o jedną pozycję w dół, aby wypełnić wolne miejsce na początku tablicy.
W tej lekcji zapoznamy się z tablicami, nauczymy się je tworzyć, wykonywać operacje na ich elementach, a także rozważymy główne metody i właściwości dostępne podczas pracy z nimi.
Co to jest tablica w JavaScript?
Tablica jest uporządkowany zbiór wartości. Wartości w tej kolekcji nazywane są elementami. Każdy element w tablicy ma swój własny numer seryjny (numer), który jest nazywany indeksem. Indeksy są numerowane od 0.
Poniższy rysunek przedstawia tablicę liczbową zawierającą 5 elementów. Elementy tej tablicy zawierają następujące dane: 123 (indeks 0), 7 (indeks 1), 50 (indeks 2), -9 (indeks 3), 24 (indeks 4).
Tworzenie (deklarowanie) tablicy
Tworzenie tablic w JavaScript zwykle odbywa się za pomocą literał tablicowy.
Literał tablicowy to nawias kwadratowy zawierający listę elementów oddzielonych przecinkami.
Na przykład:
zmienna pusta = ; // pusta tablica var numery = ; // tablica numeryczna var arr = ; // tablica zawierająca różne typy danych
Wartości w tablicy JavaScript nie muszą być tego samego typu. Te. Jedna tablica może zawierać wartości różnych typów danych.
Dostęp do elementu tablicy uzyskuje się poprzez jego indeks. Ta operacja jest również nazywana operacją indeksowania.
Na przykład:
// utwórz tablicę 3 elementów var smartphoneColors = ["Czarny", "Biały", "Szary"]; // wyświetl w konsoli przeglądarki wartości elementów tablicy smartphoneColors o indeksach 0 i 2 console.log("Wartość elementu tablicy smartphoneColors o indeksie 0: " + smartphoneColors); // "Wartość elementu tablicy smartphoneColors o indeksie 0: Czarny" console.log("Wartość elementu tablicy smartphoneColors o indeksie 2: " + smartphoneColors); // "Wartość elementu tablicy smartphoneColors o indeksie 0: Grey" // zmień wartość elementu tablicy smartphoneColors o indeksie 1 na "Red" smartphoneColors = "Red"; // ["Black", "Red", "Grey"] // ustaw element tablicy smartphoneColors pod indeksem 3 na "Blue" smartphoneColors = "Blue"; // ["Czarny", "Czerwony", "Szary", "Niebieski"]
Jako wartości elementów tablicy możesz użyć nie tylko wartości statycznych, ale także wyrażeń:
var długośćA = 7, szerokośćA = 5; var punkt = ;
Obiekty mogą być używane jako wartości elementów tablicy.
Var points = [ (x1: 5, y1: 3), (x1: 7, y1: 10), (x1: 12; y1: 0) ]; // tablica składająca się z 3 obiektów
Inny sposób tworzenia tablicy polega na wywołaniu funkcji konstruktora Array.
Wywołanie funkcji konstruktora bez argumentów służy do utworzenia pustej tablicy.
Var pusta = nowa tablica(); // pusta tablica
Ten sposób tworzenia tablicy jest odpowiednikiem literału .
Jeśli podasz liczbę jako argument funkcji konstruktora, utworzy ona tablicę składającą się z określonej liczby elementów. Co więcej, wszystkie te elementy będą miały wartość undefined.
Var arr = nowa tablica(5); // tablica 5 elementów (wartości elementów są niezdefiniowane)
Jeśli do funkcji konstruktora zostanie przekazanych wiele wartości lub jedna wartość nieliczbowa w nawiasach, utworzy ona tablicę z przekazanych jej argumentów.
W przeciwieństwie do wielu innych języków programowania, tablice w JavaScript automatycznie zmieniają swój rozmiar, tj. początkowo są dynamiczne. Takim tablicom nie trzeba podawać żadnych wymiarów. Inną cechą wyróżniającą tablice JavaScript jest to, że różne elementy tej samej tablicy mogą zawierać różne typy danych.
właściwość length (długość tablicy)
Określenie długości tablicy (liczby elementów) odbywa się za pomocą właściwości length.
//utwórz tablicę, wyświetlając wartości elementów w funkcji Array var volumeHDDs = new Array("500Gb","1Tb","2Tb"); //przypiszmy długość tablicy volumeHDDs do zmiennej lengthArray var lengthArray = volumeHDDs.length;
Jak uzyskać pierwszy element tablicy
Wartość pierwszego elementu tablicy uzyskuje się przez podanie liczby 0 w nawiasach kwadratowych tej tablicy:
//utwórz tablicę składającą się z 3 elementów var volumeHDDs = new Array("500Gb","1Tb","2Tb"); //pobranie wartości pierwszego elementu tablicy var firstValue = volumeHDDs;
Jak uzyskać ostatni element tablicy
Uzyskanie wartości ostatniego elementu tablicy odbywa się poprzez podanie wyrażenia nazwa_tablicy.długość-1 w nawiasach kwadratowych tej tablicy:
//utwórz tablicę składającą się z 3 elementów var volumeHDDs = new Array("500Gb","1Tb","2Tb"); //pobranie wartości ostatniego elementu tablicy var lastValue = volumeHDDs;
Iteracja po tablicy
Iteracja po elementach tablicy odbywa się za pomocą pętli for.
Na przykład przejrzyjmy wszystkie elementy tablicy i wyświetlmy ich wartości w konsoli przeglądarki (F12):
//tworzenie tablicy nameStudents składającej się z 4 elementów var nameStudents = new Array("Peter","Vasya","Kolya","Maxim"); // iteracja elementów tablicy od 0 do długości tablicy-1 for (var i=0; i<= nameStudents.length-1; i++) { console.log(i+1 + " элемент массива = " + nameStudents[i]); }
Jaki jest cel operatora usuwania
Operator delete nie służy do usuwania elementu z tablicy, ale do przypisania wartości undefined danemu elementowi tablicy.
Var namePlanety = new Array("Wenus","Merkury","Ziemia","Mars"); usuń nazwęPlanety; dla (zmienna i=0; i<= namePlanets.length-1; i++) { console.log(i + " элемент массива = " + namePlanets[i]); }
Funkcje do pracy z tablicami (metody obiektu Array)
Obiekt Array zawiera następujące metody (funkcje) do pracy z tablicami:
- zmiana
- zmienić bieg
- plasterek
- splatać
- podział
- odwracać
metoda push (dodanie elementu na koniec tablicy)
Metoda push służy do dodawania elementu na końcu tablicy. Wartość tego elementu jest określona jako parametr tej metody. W rezultacie metoda push zwraca liczbę elementów w tablicy, uwzględniając dodany.
Var namePlanets = ["Wenus", "Merkury", "Ziemia", "Mars"]; namePlanets.push("Jowisz"); // 5 console.log(namePlanety); // ["Wenus", "Merkury", "Ziemia", "Mars", "Jowisz"]
metoda pop (usunięcie ostatniego elementu z tablicy)
Metoda pop służy do usuwania ostatniego elementu z tablicy. Ta metoda nie ma parametrów. W rezultacie zwraca wartość ostatniego (usuniętego) elementu tablicy.
Var namePlanets = ["Wenus", "Merkury", "Ziemia", "Mars"]; nazwaPlanety.pop(); // "Mars" console.log(namePlanets); // ["Wenus", "Merkury", "Ziemia"]
metoda shift (usunięcie pierwszego elementu z tablicy)
Metoda shift ma na celu usunięcie pierwszego elementu z tablicy, tj. element o indeksie 0. Wszystkie pozostałe elementy tablicy są przesunięte na początek, tj. dla każdego z nich indeks zmniejsza się o 1. Metoda ta zwraca jako wynik wartość usuniętego elementu.
Var namePlanets = ["Wenus", "Merkury", "Ziemia", "Mars"]; nazwaPlanety.shift(); // "Wenus" console.log(namePlanets); // ["Merkury", "Ziemia", "Mars"]
metoda unshift (dodanie elementu na początek tablicy)
Metoda unshift służy do dodania elementu na początek tablicy (przed innymi elementami). Wartość tego elementu jest określona jako parametr tej metody. W rezultacie metoda ta zwraca liczbę elementów w tablicy, uwzględniając dodany.
Var namePlanets = ["Merkury", "Ziemia", "Mars", "Jowisz"]; namePlanets.unshift("Wenus"); // 5 console.log(namePlanety); // ["Wenus", "Merkury", "Ziemia", "Mars", "Jowisz"]
Metoda plasterka (kopiowanie sekcji tablicy)
Metoda slice jest przeznaczona do kopiowania części tablicy. Jednocześnie nie zmienia oryginalnej tablicy, lecz zwraca w efekcie nową tablicę składającą się z wybranych elementów.
Metoda plasterka ma 2 parametry:
- 1 parametr (obowiązkowy) - służy do określenia indeksu elementu, od którego rozpocznie się kopiowanie elementów;
- 2. parametr (opcjonalny) - ma na celu określenie indeksu elementu, do którego należy skopiować (nie jest on zawarty w nowej tablicy). Jeśli nie zostanie określony, elementy zostaną skopiowane na koniec określonej tablicy.
metoda splice (zmiana zawartości tablicy)
Metoda splice służy do zmiany zawartości tablicy. Można go używać zarówno do dodawania elementów do tablicy, jak i do ich usuwania.
Składnia metody splice to:
Array.splice(startIndex, deleteCount [, element1[, element2[, ...]]]); /* startIndex (wymagany) — początkowy indeks elementu, od którego ma zostać rozpoczęta modyfikacja tablicy. Jeśli podasz liczbę większą niż długość tablicy jako startIndex, wówczas indeks początkowy zostanie ustawiony na końcu tablicy. Jeśli podasz liczbę ujemną jako startIndex, to element początkowy będzie liczony od końca. deleteCount (wymagane) - liczba wskazująca ile elementów należy usunąć z tablicy. Jeśli żadne elementy nie mają być usunięte z tablicy, to parametr deleteCount musi być ustawiony na 0. Następnie należy określić co najmniej jeden nowy element, który ma zostać dodany do tablicy. Jeśli podasz liczbę jako deleteCount, która przekroczy liczbę pozostałych elementów w tablicy, zaczynając od startIndex, to w takim przypadku i tak zostaną one usunięte (czyli wszystkie elementy do końca tablicy, począwszy od indeksu początkowego) element1, element2, ... (opcjonalne) - elementy, które mają zostać dodane do tablicy. */
Przykłady zastosowania metody splicingowej.
Używa metody splice, aby usunąć część elementów z tablicy.
Var namePlanets = ["Wenus", "Merkury", "Ziemia", "Mars"]; namePlanets.splice(2, 2); //["Ziemia", "Mars"] console.log(nazwaPlanety); // ["Wenus", "Merkury"]
Użycie metody splice do usunięcia elementu z tablicy i dodania do niego nowych.
Var namePlanets = ["Wenus", "Merkury", "Ziemia", "Mars"]; namePlanets.splice(1, 1, "Uran", "Neptun", "Saturn"); // ["Merkury"] console.log(namePlanety); // ["Wenus", "Uran", "Neptun", "Saturn", "Ziemia", "Mars"]
Używanie metody splice tylko do dodawania nowych elementów do tablicy.
Var namePlanets = ["Jowisz", "Saturn", "Uran"]; namePlanets.splice(0, 0, "Wenus", "Merkury", "Ziemia", "Mars"); // console.log(namePlanety); // ["Wenus", "Merkury", "Ziemia", "Mars", "Jowisz", "Saturn", "Uran"]
metoda join (konwertuj tablicę na łańcuch)
Metoda join służy do łączenia wszystkich elementów tablicy w łańcuch.
Składnia metody join jest następująca:
Array.join(); /* separator (opcjonalnie) — separator używany jako ciąg łączący między poszczególnymi elementami tablicy. Jeśli ten parametr nie zostanie określony, jako łańcuch łączący zostanie użyty znak ",". Jeśli podasz pusty ciąg jako parametr, to elementy tablicy w zwróconym ciągu nie będą oddzielone niczym */
Var jagody = ["Winogrona", "Winogrona", "Porzeczki", "Dzika róża"]; var jagodyStr1 = jagody.join(); // "Winogrona, Winogrona, Porzeczki, Dzika róża" var berriesStr2 = berries.join(""); // "WinogronaWinogronaPorzeczkiDzika róża" var berriesStr3 = berries.join(", "); // "Winogrona, Winogrona, Porzeczki, Dzika róża" var berriesStr4 = berries.join(" + "); // „Winogrona + Winogrona + Porzeczka + Dzika róża”
Jeśli separator nie jest ciągiem, zostanie przekonwertowany na ciąg.
Var jagody = ["Winogrona", "Winogrona", "Porzeczki", "Dzika róża"]; var jagodyStr1 = jagody.join(false); // "Fałszywe winogronaFałszywe winogronaFałszywe porzeczkiDzika róża" var berriesStr2 = berries.join(4/2); // „Grape2Grape2Currant2Rosehip” Elementy tablicy, których wartość ma wartość null lub undefined, zostaną rzutowane na pusty łańcuch. var arr = ; vararrStr = arr.join(", "); // "0, 5, -4"
Konwertuj łańcuch na tablicę - podziel
Metoda split służy do konwersji ciągu znaków na tablicę. Ta metoda ma jeden parametr, dla którego można określić ciąg, na podstawie którego ten ciąg zostanie podzielony na tablicę ciągów.
Var strElementComputers = "Jednostka systemowa, monitor, klawiatura, mysz, głośniki, drukarka"; var elementKomputery = strElementKomputery.split(", "); console.log("Liczba elementów w tablicy: " + elementComputers.length); dla (zmienna i=0; i<= elementComputers.length-1; i++) { console.log(i + " элемент массива = " + elementComputers[i]); }
Zmiana kolejności elementów tablicy w odwrotnej kolejności - odwróć
Metoda odwrotna służy do zmiany kolejności elementów tablicy w odwrotnej kolejności.
Var namePlanety = new Array("Wenus","Merkury","Ziemia","Mars"); namePlanets.reverse(); console.log("Liczba elementów w tablicy: " + namePlanets.length); dla (zmienna i=0; i<= namePlanets.length-1; i++) { console.log(i + " элемент массива = " + namePlanets[i]); }
Sortowanie elementów tablicy - sort
Metoda sort służy do sortowania elementów tablicy. Domyślnie ta metoda sortuje tablicę jako łańcuchy.
Var namePlanety = new Array("Wenus","Merkury","Ziemia","Mars"); namePlanets.sort(); console.log("Liczba elementów w tablicy: " + namePlanets.length); dla (zmienna i=0; i<= namePlanets.length-1; i++) { console.log(i + " элемент массива = " + namePlanets[i]); }
