So erstellen Sie ein dynamisches Array in JavaScript

So erstellen Sie ein dynamisches Array in JavaScript
Ein dynamisches Array ist eine Listendatenstruktur, die eine variable Größe aufweist. Es wird automatisch erweitert, wenn Sie versuchen, nach dem Erstellen weitere Elemente hinzuzufügen. Das dynamische Array ermöglicht es auch, Elemente aus dem Array zur Laufzeit hinzuzufügen oder zu entfernen. Es kann auch seine Größe nach der Ausführung solcher Vorgänge aktualisieren.

JavaScript -Arrays Sind dynamisch in der Natur, was impliziert, dass ihre Länge zum Zeitpunkt der Ausführung geändert werden kann (falls erforderlich). Das Laufzeitsystem weist automatisch die Elemente von dynamischen Arrays basierend auf den verwendeten Indizes zu.

Ich möchte ein dynamisches Array erstellen? Wenn ja, befolgen Sie diesen Beitrag, da wir das Verfahren diskutieren, um dynamische Arrays in JavaScript zu erstellen.

So lass uns anfangen!

So erstellen Sie ein dynamisches Array in JavaScript

Um ein dynamisches Array in JavaScript zu erstellen, können Sie einen der folgenden Methoden befolgen:

  • Erstellen dynamisches Array mit Verwendung Array buchstäblich
  • Erstellen dynamisches Array mit Verwendung Standardkonstruktor
  • Erstellen dynamisches Array mit Verwendung Parametrisierter Konstruktor

Wir werden jede der oben genannten Methoden in den nächsten Abschnitten erläutern.

So erstellen Sie ein dynamisches Array in JavaScript mit Array Literal

In JavaScript ist eine Liste einzelner oder mehrerer Ausdrücke, wobei jeder Ausdruck ein Array -Element darstelltArray buchstäblich”. In der Regel sind die in einem Array -Literal hinzugefügten Elemente in quadratischen Klammern eingeschlossen. “[]”.

Wenn ein dynamisches Array durch Verwendung eines Array -Literales erstellt wird, wird es mit einigen spezifischen Werten als Array initialisiertElemente,Und seine Länge wird automatisch gemäß der Anzahl der zusätzlichen Argumente festgelegt.

Syntax zum Erstellen dynamisches Array in JavaScript mit Array Literal

var Array = [Element1, Element2, Element3,…];

Hier, "Array"Ist ein dynamisches Array, das mehrere Elemente wie" umfasst "umfasstElement1","Element2","Elemente3" usw.

Beispiel: So erstellen Sie ein dynamisches Array in JavaScript mit Array Literal

Wir werden ein dynamisches Array namens erstellen “Array1Und initialisieren Sie es mit den folgenden Elementen:

var array1 = ['LinuxHint', 'ist', 'number', 1, 'Website'];

Dann werden wir die Länge des erstellten dynamischen Arrays überprüfen:

Konsole.Protokoll (Array1.Länge);

Als die "Array1"Wird mit fünf Elementen initialisiert, deshalb ist seine Länge auf" eingestellt "5”:

Über die Elemente der "iterieren"Array1"Wir werden die" verwenden "für… Schleife”:

für (var i = 0; i <= array1.length; i++)
Konsole.log (array1 [i]);

Das Gegebene "für… Schleife”Zeigt die an“Array1Elemente auf der Konsole:

So erstellen Sie mit dem Standardkonstruktor ein dynamisches Array im JavaScript

Eine andere Methode, um ein dynamisches Array zu erstellen, besteht darin, die zu verwendenArray ()Standardkonstruktor. Dieser Standardkonstruktor hat keine Argumente, daher wird die Länge des deklarierten dynamischen Arrays zunächst auf “gesetzt“0”.

Syntax zum Erstellen von dynamischem Array in JavaScript mit dem Standardkonstruktor

var array = new array ();

Hier die Dynamik “Array”Wird durch Verwendung des vordefinierten Array () -Konstruktors erstellt.

Beispiel: So erstellen Sie ein dynamisches Array in JavaScript mit dem Standardkonstruktor

Erstens werden wir das nutzen “Array ()"Standardkonstruktor zum Erstellen eines dynamischen Arrays mit dem Namen"Array2”:

var array2 = new Array ();
Array2.Länge;

Da wir noch kein Element hinzugefügt haben, die Länge der “Array2”Ist gleich Null:

Im nächsten Schritt werden wir dem „einige Elemente hinzufügen“ hinzufügenArray2"Mit JavaScript"drücken()”. Der "drücken()Die Methode akzeptiert das Element als Argument, das in das angegebene Array gedrückt werden muss:

Array2.Push ('LinuxHint');
Array2.Push ('Website');
Array2.Länge;

Bis zu diesem Zeitpunkt haben wir zwei Elemente in die “hinzugefügt“Array2,"Was bedeutet, dass seine Länge nun auf" eingestellt ist "2Anstelle von Null:

Zuletzt werden wir das verwenden “für… Schleife"Um über die" zu iterieren "Array2Elemente und betrachten ihre Werte:

für (var i = 0; i <= array2.length; i++)
Konsole.log (array2 [i]);

Ausgang

So erstellen Sie mit dem parametrisierten Konstruktor im JavaScript ein dynamisches Array in JavaScript

Mit JavaScript können Sie außerdem ein dynamisches Array mit der “erstellenParametrisierter Konstruktor “ des eingebauten Array Klasse. Dazu müssen Sie Elemente als Argument an den parametrisierten Array () übergeben.

Syntax zum Erstellen von dynamischem Array in JavaScript mit dem parametrisierten Konstruktor

var Array = New Array (Element1, Element2, Element3,…);

Hier, "Array"Ist ein dynamisches Array, das mehrere Elemente wie" umfasst "umfasstElement1","Element2","Elemente3", usw.

Beispiel: So erstellen Sie ein dynamisches Array in JavaScript mit dem parametrisierten Konstruktor

Wir werden jetzt ein dynamisches Array namens erstellenArray2"Verwenden des parametrisierten Konstruktors beim Übergeben des untergegebenen Arguments als ITS"Elemente:

var array3 = new Array ('LinuxHint', 'IS', 'Nummer', 1, 'Website');
Konsole.Protokoll (Array3.Länge);

Die Länge von "Array3" Ist "5”Wie das Array fünf Elemente umfasst:

Als nächstes werden wir durch die Elemente von "iterieren" iterierenArray3Und drucken Sie ihre Werte im Konsolenfenster aus:

für (var i = 0; i <= array3.length; i++)
Konsole.log (array3 [i]);

Ausgang


Wir haben drei verschiedene Methoden zum Erstellen dynamischer Arrays in JavaScript zusammengestellt. Sie können eine von ihnen entsprechend Ihren Anforderungen verwenden.

Abschluss

Verwendung Array buchstäblich, Array Standard -Konstruktor, Und Parametrisierter Konstruktor, du kannst Erstellen Sie dynamische Arrays In JavaScript. JavaScript -Arrays sind dynamisch in der Natur, was impliziert, dass ihre Länge zum Zeitpunkt der Ausführung geändert werden kann. Sie ermöglichen Ihnen auch, Elemente zur Laufzeit hinzuzufügen oder zu entfernen und ihre Größe nach Ausführung der angegebenen Vorgänge automatisch zu aktualisieren. In diesem Artikel wurde das Verfahren zum Erstellen dynamischer Arrays in JavaScript erörtert.