Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Metody Array

❮ Poprzedni Następny Rozdział ❯

Siła tablic JavaScript leży w metodach tablicy.

Konwersja tablic na łańcuchy

Metoda JavaScript toString() konwertuje tablicę na ciąg (oddzielone przecinkiem) wartości tablicy.

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Wynik

Banana,Orange,Apple,Mango
Spróbuj sam "

join() Metoda również dołącza wszystkie elementy tablicy w łańcuch.

Zachowuje się podobnie jak toString() , ale dodatkowo można określić separator:

Przykład

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Wynik

Banana * Orange * Apple * Mango
Spróbuj sam "

Popping i Pushing

Podczas pracy z tablicami, to łatwo usunąć elementy i dodać nowe elementy.

To właśnie popping i pchania jest:

Popping elementy z tablicy lub pchanie elementów do tablicy.

popping

pop() Metoda usuwa ostatni element tablicy:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Removes the last element ("Mango") from fruits
Spróbuj sam "

pop() metoda zwraca wartość, która została "wyskoczyły":

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // the value of x is "Mango"
Spróbuj sam "

Popychanie

push() Metoda dodaje nowy element do tablicy (na końcu):

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  Adds a new element ("Kiwi") to fruits
Spróbuj sam "

push() Metoda zwraca nową długość tablicy:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //  the value of x is 5
Spróbuj sam "

przesuwanie elementów

Przesunięcie jest równoważne trzasków, działa na pierwszy element zamiast ostatniego.

shift() Metoda usuwa pierwszy element tablicy i "przesunięcia" wszystkie inne elementy do niższego indeksu.

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Removes the first element "Banana" from fruits
Spróbuj sam "

unshift() Metoda dodaje nowy element do tablicy (na początku) i "unshifts" starszych elementy:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Adds a new element "Lemon" to fruits
Spróbuj sam "

shift() metoda zwraca ciąg znaków, który był "przesunięty".

unshift() Metoda zwraca nową długość tablicy.

Zmiana Elements

Elementy tablicy są dostępne przy użyciu swojego numeru indeksu:

Indeksy tablicy rozpoczyna się od 0. [0] jako pierwszy element tablicy [1] jest drugim, [2] ... trzeci

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"
Spróbuj sam "

Właściwość length zapewnia łatwy sposób dołączania nowego elementu do tablicy:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Appends "Kiwi" to fruit
Spróbuj sam "

usuwanie elementów

Ponieważ tablice JavaScript są obiektami, elementy mogą być usuwane za pomocą operatora JavaScript delete :

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Changes the first element in fruits to undefined
Spróbuj sam "

Korzystanie delete może opuścić niezdefiniowanych otwory w tablicy. Użyj pop() lub shift() zamiast.

Zapleceń tablicę

splice() metoda może być stosowana do dodawania nowych elementów do tablicy:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Spróbuj sam "

Pierwszy parametr (2) określa pozycję, w której nowe elementy powinny być dodane (wycięta w).

Drugi parametr (0) określa, ile elementy powinny zostać usunięte.

Reszta parametrów ( "Lemon" , "Kiwi" ) określa nowe elementy do dodania.

Korzystanie splice() , aby usunąć elementy

Z sprytnego ustawienia parametrów, można użyć splice() w celu usunięcia elementów bez wychodzenia "dziury" w tablicy:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Removes the first element of fruits
Spróbuj sam "

Pierwszy parametr (0) określa położenie, w którym nowe elementy powinny być dodane (wycięta w).

Drugi parametr (1) określa, ile elementy powinny zostać usunięte.

Pozostałe parametry są pomijane. Nowe elementy zostaną dodane.

Sortowanie tablicy

sort() metoda sortuje tablicę w porządku alfabetycznym:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits
Spróbuj sam "

Odwracanie tablicy

reverse() Metoda odwraca kolejność elementów tablicy.

Można go używać do sortowania tablicy w porządku malejącym:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits
fruits.reverse();         // Reverses the order of the elements
Spróbuj sam "

Sortuj numeryczna

Domyślnie, sort() funkcja sortuje wartości jak struny.

Działa to dobrze dla ciągów ( "Apple" jest przed "Banana" ).

Jednakże, jeżeli liczba są klasyfikowane jako łańcuchy ", 25" jest większa od "100", gdyż "2" jest większa niż "1".

Z tego powodu, sort() metoda będzie produkować nieprawidłowe wyniki podczas sortowania liczb.

Można rozwiązać ten problem poprzez dostarczenie porównanie funkcji:

Przykład

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
Spróbuj sam "

lub

Przykład

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a>b});
Spróbuj sam "

Użyj tej samej sztuczki, aby posortować malejąco tablicy:

Przykład

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
Spróbuj sam "

lub

Przykład

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b>a});
Spróbuj sam "

Funkcja Compare

Celem funkcja porównania jest określenie alternatywny porządek.

Funkcja Compare powinien zwrócić ujemną, zero lub dodatnią wartość, w zależności od argumentów:

function(a, b){return a-b}

Gdy sort() funkcja porównuje dwie wartości, wysyła wartości do funkcji porównywania i sortuje według wartości zwracanej (ujemny, zerowy, dodatnie) wartości.

Przykład:

Porównując 40 i 100, sort() Metoda nazywa porównanie function(40,100) .

Funkcja oblicza 40-100 i zwraca -60 (wartość ujemna).

Funkcja sort sortuje 40 jako wartości niższej niż 100.

Znajdź najwyższy (lub najniższej wartości)

Jak znaleźć najwyższą wartość w tablicy?

Przykład

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value
Spróbuj sam "

A najniższy:

Przykład

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value
Spróbuj sam "

Łączenie tablic

concat() metoda tworzy nową tablicę przez złączenie dwóch tablic:

Przykład

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);     // Concatenates (joins) myGirls and myBoys
Spróbuj sam "

concat() metoda może przyjąć dowolną liczbę argumentów tablicy:

Przykład

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias","Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);     // Concatenates arr1 with arr2 and arr3
Spróbuj sam "

Krojenie tablicy

slice() Metoda na plasterki kawałek tablicy do nowej tablicy.

Ten przykład plastry z części tablicy, począwszy od elementu tablicy 1 ( "Orange" ):

Przykład

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
Spróbuj sam "

slice() metoda tworzy nową tablicę. Nie usuwać żadnych elementów z tablicy źródłowej.

Ten przykład plastry z części tablicy, począwszy od elementu tablicy 3 ( "Apple" ):

Przykład

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
Spróbuj sam "

slice() metoda może trwać dwa argumenty typu slice(1,3) .

Sposób następnie wybiera elementy z argumentu startowego i do (ale nie włącznie) argument końcowy.

Przykład

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Spróbuj sam "

Jeśli argument koniec jest pominięte, podobnie jak w pierwszych przykładach, slice() metoda plastry resztę tablicy.

Przykład

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
Spróbuj sam "

valueOf() metoda

valueOf() metoda jest domyślne zachowanie dla tablicy. Przekształca tablicę do wartości pierwotnej.

JavaScript automatycznie konwertuje tablicę na ciąg, gdy spodziewane jest wartością pierwotną.

W związku z tym, wszystkie te przykłady ten sam wynik:

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Spróbuj sam "

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
Spróbuj sam "

Przykład

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Spróbuj sam "

Wszystkie obiekty JavaScriptu posiadają valueOf() i toString() metody.

Kompletna Array Reference

Pełną odniesienia, przejdź do naszej Kompletny JavaScript Array Reference .

Wniosek zawiera opisy i przykłady wszystkich właściwości Array i metod.

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 »


❮ Poprzedni Następny Rozdział ❯