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

  1. Narzędzia JavaScript
  2. Funkcje matematyczne JavaScript
  3. Najlepsze ramy JavaScript
  4. Wykorzystuje JavaScript
  5. Tablice w PHP

Kategoria:

Rozwój oprogramowania