Jak utworzyć dynamiczną tablicę w JavaScript

Tablica dynamiczna to struktura danych listy, która ma zmienny rozmiar. Automatycznie się rozwija, gdy próbujesz dodać więcej elementów po jego utworzeniu. Tablica dynamiczna pozwala również na dodanie lub usuwanie elementów z tablicy w czasie wykonywania. Może również zaktualizować swój rozmiar po wykonaniu takich operacji.

Tablice JavaScript Czy dynamiczny w naturze, co oznacza, że ​​ich długość można zmienić w momencie wykonania (w razie potrzeby). System czasu wykonywania automatycznie przydziela elementy dynamicznych tablic na podstawie używanych indeksów.

Chcesz utworzyć dynamiczną tablicę? Jeśli tak, postępuj zgodnie z tym postem, ponieważ omówimy procedurę tworzenia dynamicznych tablic w JavaScript.

A więc zacznijmy!

Jak utworzyć dynamiczną tablicę w JavaScript

Aby utworzyć dynamiczną tablicę w JavaScript, możesz przestrzegać dowolnej z poniższych metod:

• Tworzenie dynamicznej tablicy za pomocą Tablica dosłownie
• Tworzenie dynamicznej tablicy za pomocą Domyślny konstruktor
• Tworzenie dynamicznej tablicy za pomocą Sparametryzowany konstruktor

Wyjaśnimy każdą z wyżej wymienionych metod w następnych sekcjach.

Jak utworzyć dynamiczną tablicę w JavaScript za pomocą literału tablicy

W JavaScript lista pojedynczych lub wielu wyrażeń, w której każde wyrażenie reprezentuje element tablicy, jest znany jako „Tablica dosłownie". Zazwyczaj elementy dodane w literale tablicy są zamknięte w kwadratowych nawiasach „”[] []".

Kiedy tworzona jest dynamiczna tablica, wykorzystując literał tablicy, jest inicjowana z pewnymi konkretnymi wartościami jako tablica ”elementy,”A jego długość jest automatycznie ustawiana zgodnie z liczbą dodanych argumentów.

Składnia do tworzenia dynamicznej tablicy w JavaScript za pomocą literatu tablicy

var array = [element1, element2, element3,…];

Tutaj, "szyk”To dynamiczna tablica, która obejmuje wiele elementów, takich jak„element1”,„element2”,„elementy3" i tak dalej.

Przykład: Jak utworzyć tablicę dynamiczną w JavaScript za pomocą literatu tablicy

Utworzymy dynamiczną tablicę o nazwie „Array1”I zainicjuj go za pomocą następujących elementów:

var array1 = [„Linuxhint”, „is”, „liczba”, 1, „strona internetowa”];

Następnie sprawdzimy długość utworzonej tablicy dynamicznej:

konsola.log (tablica1.długość);

Jako „Array1”Jest inicjowany pięcioma elementami, dlatego jego długość jest ustawiona na„5”:

Iterować elementy „Array1”, Użyjemy„dla pętli”:

dla (var i = 0; i <= array1.length; i++)
konsola.log (array1 [i]);

Dana "dla pętli”Wyświetli„Array1„Elementy na konsoli:

Jak utworzyć tablicę dynamiczną w JavaScript za pomocą domyślnego konstruktora

Inną metodą utworzenia dynamicznej tablicy jest użycie „Szyk()" Domyślny konstruktor. Ten domyślny konstruktor nie ma żadnych argumentów, więc początkowo jest ustawiona długość deklarowanej tablicy dynamicznej „0".

Składnia do utworzenia tablicy dynamicznej w JavaScript za pomocą domyślnego konstruktora

var array = new Array ();

Tutaj dynamika „szyk”Jest tworzona przy użyciu wstępnie zdefiniowanego konstruktora Array ().

Przykład: Jak utworzyć tablicę dynamiczną w JavaScript za pomocą domyślnego konstruktora

Najpierw wykorzystamy „Szyk()„Domyślny konstruktor do tworzenia dynamicznej tablicy o nazwie„Array2”:

var array2 = new Array ();
Array2.długość;

Ponieważ nie dodaliśmy jeszcze żadnego elementu, długość „Array2”Jest równe zero:

W następnym kroku dodamy pewne elementy do „Array2”Korzystanie z JavaScript„naciskać()". „„naciskać()„Metoda akceptuje element jako argument, który należy wepchnąć do określonej tablicy:

Array2.push („Linuxhint”);
Array2.push („strona internetowa”);
Array2.długość;

Do tego momentu dodaliśmy dwa elementy w „Array2,„Co oznacza, że ​​jego długość jest teraz ustawiona na„2”Zamiast zero:

Na koniec użyjemy „dla pętli„Aby iterować„Array2„Elementy i wyświetl ich wartości:

dla (var i = 0; i <= array2.length; i++)
konsola.log (array2 [i]);

Wyjście

Jak utworzyć tablicę dynamiczną w JavaScript za pomocą sparametryzowanego konstruktora

JavaScript pozwala również utworzyć dynamiczną tablicę za pomocą „Sparametryzowany konstruktor ” wbudowanego Szyk klasa. Aby to zrobić, musisz przekazać elementy jako argument do parametryzowanego konstruktora Array ().

Składnia do utworzenia tablicy dynamicznej w JavaScript za pomocą sparametryzowanego konstruktora

var array = nowa tablica (element1, element2, element3,…);

Tutaj, "szyk”To dynamiczna tablica, która obejmuje wiele elementów, takich jak„element1”,„element2”,„elementy3", i tak dalej.

Przykład: Jak utworzyć tablicę dynamiczną w JavaScript za pomocą sparametryzowanego konstruktora

Teraz utworzymy dynamiczną tablicę o nazwie „Array2”Korzystanie z sparametryzowanego konstruktora, przekazywane poniżej poddywalni argument jako jego„elementy:

var array3 = new Array („Linuxhint”, „is”, „liczba”, 1, „strona internetowa”);
konsola.Log (tablica3.długość);

Długość "Array3" Jest "5„Ponieważ tablica obejmuje pięć elementów:

Następnie będziemy iterować elementy „Array3”I wydrukuj ich wartości w oknie konsoli:

dla (var i = 0; i <= array3.length; i++)
konsola.log (array3 [i]);

Wyjście

Skompilowaliśmy trzy różne metody tworzenia tablic dynamicznych w JavaScript. Możesz użyć dowolnego z nich zgodnie z Twoimi wymaganiami.

Wniosek

Za pomocą Tablica dosłownie, Domyślny konstruktor tablicy, I Sparametryzowany konstruktor, możesz Utwórz dynamiczne tablice W JavaScript. Tablice JavaScript są dynamiczny w naturze, co oznacza, że ​​ich długość można zmienić w momencie wykonania. Pozwalają również na dodawanie lub usuwanie elementów w czasie wykonywania, a następnie automatycznie aktualizuj ich rozmiar po wykonaniu określonych operacji. W tym zapisie omówiono procedurę tworzenia dynamicznych tablic w JavaScript.