Wprowadzenie do tablicy wielowymiarowej w JavaScript
Natywnie JavaScript nie zapewnia tablic wielowymiarowych ani żadnej ich składni. Możemy jednak utworzyć wielowymiarową tablicę w JavaScript, tworząc tablicę tablic, tzn. Tablica będzie się składać z innych tablic jako elementów. Najłatwiejszym sposobem zdefiniowania tablicy wielowymiarowej w JavaScript jest użycie notacji dosłownej tablicy. Poniższe przykłady utworzą 2-wymiarową tablicę osoby.
var Employee = (
(100, 'Ram', 'Agra'),
(101, 'Shyam', 'Aligarh'),
(102, 'Amit', 'Gwalior') )
Poniższy rysunek ilustruje tablicę pracowników:
|
100 | Baran | Agra |
| 101 | Shyam |
Aligarh |
|
102 | Amit |
Gwalior |
Dostęp do elementów tablic wielowymiarowych:
Aby uzyskać dostęp do elementów tablicy 2D, używamy dwóch nawiasów kwadratowych w następujący sposób:
Alert(Employee(1)(2)); // Aligarh
Tutaj pierwszy nawias kwadratowy da ci wewnętrzną tablicę jako wynik dla każdego indeksu wierszy zewnętrznej tablicy, jak pokazano poniżej:
|
100 | Baran | Agra |
| 101 | Shyam |
Aligarh |
|
102 | Amit |
Gwalior |
Drugi nawias kwadratowy służy do uzyskania dostępu do określonego elementu tablicy wewnętrznej na danym indeksie rzędu tablicy zewnętrznej. Dlatego pracownik (1) (0) będzie odwoływał się do pierwszego elementu w drugiej pod-macierzy.
UWAGA: Indeks w JavaScript zaczyna się od 0.Console.log(Employee(1)(0)); // 101
Właściwości tablicy wielowymiarowej w JavaScript
Poniżej znajdują się właściwości tablicy wielowymiarowej w JavaScript:
1. isArray (): Ta funkcja pomoże ustalić, czy dana tablica jest tablicą, czy nie. Zwracany typ tej funkcji to Boolean.
var d()();
Array.isArray(d); // True
2. typeof: Ten operator służy do wyszukiwania typu przekazywanego obiektu.
var d()();
typeof d; // Object
3. length: Ta funkcja zwróci długość przekazanej tablicy.
var d(3, 6, 7);
d.length; // 3
8 najlepszych metod w tablicy wielowymiarowej w JavaScript
Poniżej znajdują się metody stosowane w tablicy wielowymiarowej w JavaScript:
1. Pop ()
Ta metoda służy do usunięcia elementu z ostatniego indeksu tablicy. Spowoduje to ostatecznie zmniejszenie długości tablicy o 1.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior'),
(103, 'Rahul', 'Mumbai') );
employee.pop();
console.log(employee);
employee(2).pop();
console.log(employee);
Wynik:
2. Naciśnij ()
Ta metoda służy do wstawiania elementu do tablicy przy ostatnim indeksie tablicy. Doprowadzi to ostatecznie do zwiększenia długości tablicy o 1.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.push((103, 'Rahul', 'Mumbai'));
console.log(employee);
employee(2).pop('TCS');
console.log(employee);
Wynik:
3. Sortuj ()
Ta metoda służy do sortowania elementów tablicy alfabetycznie lub w kolejności numerycznej w zależności od tego, który typ tablicy zostanie przekazany. Metoda sortowania również na stałe zmieni kolejność tablicy.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.sort();
console.log(employee);
Wynik:
4. Reverse ()
Ta metoda służy do odwrócenia elementów tablicy. Wynikiem tej metody jest przekształcenie ostatniego elementu indeksu w pierwszy i pierwszy element indeksu w ostatni.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.reverse();
console.log(employee);
Wynik:
5. IndexOf ()
Ta metoda służy do znalezienia indeksu pierwszego wystąpienia określonego elementu w tablicy. Jeśli element nie jest obecny, zwróci -1.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
var id = 'Ram';
function index(id, arr) (
for (var i=0; i for (var j=0; j if (arr(i)(j) == id) ( return i; )
)
)
return -1;
)
console.log(index(id, employee));var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
var id = 'Ram';
function index(id, arr) (
for (var i=0; i for (var j=0; j if (arr(i)(j) == id) ( return i; )
)
)
return -1;
)
console.log(index(id, employee));var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
var id = 'Ram';
function index(id, arr) (
for (var i=0; i for (var j=0; j if (arr(i)(j) == id) ( return i; )
)
)
return -1;
)
console.log(index(id, employee));
Wynik:
6. Shift ()
Ta metoda służy do przesunięcia tablicy w lewo, tj. Usunięcia pierwszego elementu tablicy i przesunięcia innych elementów w lewo.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
console.log(employee.shift());
console.log(employee);
Wynik:
7. Unshift ()
Ta metoda służy do przesunięcia tablicy w prawo, tj. Dodania nowego elementu do 0 indeksów i przesunięcia wszystkich innych elementów w prawo.
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.unshift((103, 'Rahul', 'Mumbai'));
console.log(employee);
Wynik:
8. Splice ()
Ta metoda służy do wstawiania lub usuwania dowolnej liczby elementów z tablicy.
Kod:
var employee = (
(101, 'Shyam', 'Aligarh'),
(100, 'Ram', 'Agra'),
(102, 'Amit', 'Gwalior') );
employee.splice(0, 1);// remove 1 element from 0 index
console.log(employee);
employee.splice(0, 2);// remove 2 element from 0 index
console.log(employee);
employee.splice(0, 0, (103, 'Rahul', 'Mumbai'));// add 1 element at 0, 0
console.log(employee);
employee.splice(0, 1, (100, 'Ram', 'Agra'));// add 1 element at 0, 1
console.log(employee);
Wynik:
Przemierzanie elementów tablic wielowymiarowych
Aby wykonać iterację przez wszystkie elementy tablicy wielowymiarowej, musimy użyć koncepcji zagnieżdżonej dla pętli, jak poniżej:
Kod:
// outer loop is for the outer array
for (var i=0; i // inner loop is for the inner arrays
for (var j=0; j // access each element of the 2D array
Console.log(arr(i)(j));
)
)// outer loop is for the outer array
for (var i=0; i // inner loop is for the inner arrays
for (var j=0; j // access each element of the 2D array
Console.log(arr(i)(j));
)
)// outer loop is for the outer array
for (var i=0; i // inner loop is for the inner arrays
for (var j=0; j // access each element of the 2D array
Console.log(arr(i)(j));
)
)
Wniosek
Wielowymiarowe tablice w JavaScript zapewniają przechowywanie różnych typów danych w jednej tablicy, przy czym każdy element wewnętrznej tablicy może przechowywać niezależne dane od reszty tablicy wraz z jej długością, czego nie można uzyskać w Javie, C i innych językach.
Polecany artykuł
Jest to przewodnik po tablicy wielowymiarowej w JavaScript. Tutaj omawiamy Wprowadzenie do tablicy wielowymiarowej w JavaScript i jej właściwości wraz z metodami. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej -- 10 najważniejszych funkcji JavaScript
- Python vs JavaScript - najważniejsze różnice
- Zastosowania JavaScript | 10 najlepszych zastosowań
- Dla pętli w Pythonie ze schematem blokowym
- Grafika 2D w Javie
- Tablice wielowymiarowe w C ++ z przykładami
- Jak działa tablica w Uniksie ze składnią?