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:

Uwaga: Push (), Pop (), Shift (), Unshift (), Splice () itp. Wszystkie te metody służą do manipulowania zawartością tablic wielowymiarowych.

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));
)
)

UWAGA: Wewnętrzne tablice tablicy wielowymiarowej mogą mieć zmienną długość, co odróżnia ją od innych tablic wielowymiarowych w innych językach programowania, w których długość lub kolumny są ustalone.

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 -
  1. 10 najważniejszych funkcji JavaScript
  2. Python vs JavaScript - najważniejsze różnice
  3. Zastosowania JavaScript | 10 najlepszych zastosowań
  4. Dla pętli w Pythonie ze schematem blokowym
  5. Grafika 2D w Javie
  6. Tablice wielowymiarowe w C ++ z przykładami
  7. Jak działa tablica w Uniksie ze składnią?

Kategoria:

Rozwój oprogramowania