Wprowadzenie do tablic w JavaScript
Jak wiemy, obiekty pozwalają nam przechowywać kluczowe zbiory wartości. Ale czasami potrzebujemy zamówionej kolekcji, w której musimy przechowywać 1, 2, 3 element i wiele innych. Rozważmy na przykład, że musimy przechowywać listę czegoś: dane użytkowników, dane towarów i wiele innych. Nie jest właściwe używanie tutaj obiektu, ponieważ nie zapewnia on metod zarządzania kolejnością elementów. Obiekty nie są tworzone do takiego użytku. Istnieje specjalna struktura danych o nazwie Array do przechowywania uporządkowanych kolekcji. Tablice w JavaScript umożliwiają przechowywanie wielu wartości w jednej zmiennej. Przechowuje ten sam rodzaj sekwencyjnego zbioru elementów o stałej wielkości.
Tablice w JavaScript są używane do przechowywania zestawu informacji, ale często jest bardziej przydatne do przechowywania zestawu zmiennych tego samego typu. Tablica to pojedyncza zmienna w JavaScript, która służy do przechowywania różnych elementów. Kiedy chcemy przechowywać listę elementów i uzyskiwać do nich dostęp za pomocą jednej zmiennej, jest ona często używana. W przeciwieństwie do wielu innych języków, w których tablica jest odwołaniem do różnych zmiennych, istnieje jedna zmienna w tablicy JavaScript, która przechowuje różne elementy. Obiekt Tablice w JavaScript są globalnym obiektem używanym w budowaniu tablic; który jest obiektami wysokiego poziomu, podobnymi do list.
Jak działa tablica w JavaScript?
Tablice w JavaScript to sposób na przechowywanie elementów w jednej zmiennej w pamięci. Według jego indeksu elementy są dostępne w tablicy. Indeks tablicy zaczyna się od 0. Tablice JavaScript są zerowane, co oznacza, że indeks pierwszego elementu wynosi 0. Jest to bardzo ważne, ponieważ oznacza, że zawsze będzie istniało przesunięcie o jedną jednostkę: pierwszy element będzie miał indeks 0, a drugi element będzie miał indeks 1 i tak dalej.
Jak tworzyć tablice w JavaScript (przykład)?
Obiekt Array pozwala przechowywać różne wartości w jednej zmiennej. Przechowuje sekwencyjną kolekcję o stałym rozmiarze tego samego typu elementów. Tablica służy do przechowywania zestawu kolekcji, ale często bardziej pomocne jest rozważenie tablicy jako zestawu tego samego typu zmiennych. Dosłowna tablica notacji ułatwia tworzenie tablic w JavaScript. Składa się z dwóch nawiasów kwadratowych, które otaczają opcjonalne elementy tablicy oddzielone przecinkami. Liczba, łańcuch, wartość logiczna, null, niezdefiniowana, obiekt, funkcja, wyrażenie regularne i inne struktury mogą być dowolnymi elementami tablicy.
Tablicę można utworzyć w JavaScript, jak podano poniżej
var country = ("India", "England", "Srilanka");
W powyższym utworzeniu inicjujesz tablicę, która została utworzona z wartościami „Indie”, „Anglia” i „Srilanka”. Indeks „Indii”, „Anglii” i „Srilanki” wynosi odpowiednio 0, 1 i 2. Możesz dodać dodatkowe elementy do tablicy kraju, a następnie możesz to zrobić, jak pokazano poniżej
country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";
Przykład
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
Wynik
Typy tablic w JavaScript (wyjaśnij każdy typ z przykładem)
Poniżej znajdują się różne typy tablic w javascript:
-
Dosłownie tablica
Tablicę można utworzyć za pomocą literału tablicowego, stosując poniższą składnię
var arrayname=(value1, value2…..valuen);
Rozważ prosty przykład tworzenia tablicy w JavaScript za pomocą Array Literal
Array Literal
var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal
var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Wyjście :
-
Tablica bezpośrednio
Tablicę można utworzyć za pomocą tablicy bezpośrednio przy użyciu nowego słowa kluczowego, jak pokazano poniżej w składni
var arrayname=new Array();
Poniżej przykład tworzenia tablicy w JavaScript przy użyciu Array Directly za pomocą nowego słowa kluczowego
Array Directly
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Wyjście :
-
Konstruktor macierzy
Instancję tablicy można utworzyć, przekazując argumenty do konstruktora. Poniższy przykład tworzy tablicę w JavaScript za pomocą Array Constructor za pomocą nowego słowa kluczowego
Array Constructor
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor
var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Wynik
Wyjaśnij metody tablicowe w JavaScript
Poniżej przedstawiono metody tablicowe w JavaScript w następujący sposób
1. metoda concat ()
Możesz utworzyć nową tablicę z kombinacją dwóch lub więcej tablic za pomocą metody concat ().
Składnia
array.concat(val1, val2, …, valN);
Przykład
JavaScript Array Method
var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );
Wynik
2. każdy ()
Metoda every () sprawdza, czy podane elementy są prawdziwe lub fałszywe w tablicy zgodnie z warunkiem. Zwraca true, jeśli warunek pasuje do podanego warunku, w przeciwnym razie zwraca false.
Składnia
Array.every(callback, thisArg)
Gdzie wywołanie zwrotne jest warunkiem przetestowania funkcji, a thisArg jest parametrem opcjonalnym używanym podczas wykonywania wywołania zwrotnego.
Przykład
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
Wynik
3. fill ()
Metoda fill () służy do wypełnienia określonych wartości statycznych poprzez modyfikację oryginalnych wartości w podanej tablicy.
Składnia
array.fill(value)
Przykład
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
Wynik
4. filter ()
Metoda filter () służy do filtrowania elementów tablicy w oparciu o podany warunek.
Składnia
array.filter(callback, thisArg)
Przykład
JavaScript Array Method
var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));
Wynik
5. forEach ()
Metoda forEach () służy do wywołania funkcji dla każdego elementu tablicy.
Składnia
array.forEach(callback, thisArg)
Przykład
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
Wynik
6. obejmuje ()
Metoda include () służy do sprawdzenia, czy dany element znajduje się w tablicy, czy nie. Jeśli element jest zawarty w tablicy, wówczas zwraca true, w przeciwnym razie zwraca false.
Składnia
array.includes(element) //where “element” is a value which is to be searched in the array
Przykład
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
Wynik
7. join ()
Metoda join () służy do łączenia elementów tablicy w ciąg i zapewnia nowy ciąg.
Składnia
array.join(separator)
Przykład
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
Wynik
8. pop ()
Metoda pop () służy do wyodrębnienia ostatniego elementu z podanej tablicy.
Składnia
array.pop(operator)
Przykład
JavaScript Array Method
var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);
Wynik
9. push ()
Metoda push () służy do dodawania elementu na końcu tablicy.
Składnia
array.push()
Przykład
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
Wynik
10. rewers ()
Metoda reverse () służy do odwrócenia sekwencji podanej tablicy elementów. Ostatni element stanie się pierwszym, a pierwszy element stanie się ostatnim.
Składnia
array.reverse()
Przykład
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
Wynik
11. shift ()
Metoda shift () służy do zwrócenia pierwszego elementu tablicy.
Składnia
array.shift()
Przykład
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
Wynik
12. plasterek ()
Metoda slice () służy do wyświetlania części podanych elementów tablicy bez zmiany oryginalnej tablicy.
Składnia
array.slice(start, end)
Przykład
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);
Wynik
13. sort ()
Metoda sort () służy do wyświetlania elementów tablicy w porządku rosnącym.
Składnia
array.sort()
Przykład
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
Wynik
14. unshift ()
Metoda unshift () służy do dodawania elementów na początku tablicy.
Składnia
array.unshift(“element”)
Przykład
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
Wynik
15. indexOf ()
Metoda indexOf () służy do wyszukiwania pozycji elementu w danej tablicy.
Składnia
array.indexOf(“element”)
Przykład
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
Wynik
Wniosek
Jak omówiono do tej pory, tablica jest specjalnym rodzajem obiektu do przechowywania i zarządzania elementami danych. Tablica to obiekt, który zapewnia grupę elementów i jest przydatny do przechowywania dużej ilości danych tego samego typu. Właściwości i metody obiektów tablicowych ułatwiają programistom łatwe zarządzanie tablicami. Jako obiekt globalny, tablica JavaScript może być używana do konstruowania tablic o wysokim poziomie.
Polecany artykuł
Jest to przewodnik po tablicach w JavaScript. Tutaj omawiamy różne typy i metody tablic wraz z przykładem. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej
- Narzędzia JavaScript
- Funkcje matematyczne JavaScript
- Najlepsze ramy JavaScript
- Wykorzystuje JavaScript
- Tablice w PHP