Wie funktioniert verschachtelte Array in JavaScript?

In JavaScript ist ein inneres Array oder ein Sub-Array zu einem Array, das als "als" bekannt ist "Mehrdimensional ”oder“Verschachtelt”Array. JavaScript bietet kein explizites Format zur Erstellung eines verschachtelten Arrays. Daher müssen wir die erforderlichen Unterarrays innerhalb eines einzelnen äußeren Arrays nisten. Außerdem werden auf die Elemente innerer Arrays basierend auf ihrem Index im äußeren Array zugegriffen.

Nachdem Sie ein verschachteltes Array in JavaScript deklariert haben, können Sie unterschiedliche Vorgänge ausführen, z. verwandtes Element und Reduzierung der Dimensionalität des verschachtelten Arrays.

Diese Beschreibung erklärt die Arbeiten des verschachtelte Arrays In JavaScript mit Hilfe geeigneter Beispiele. So lass uns anfangen!

So erstellen Sie ein verschachteltes Array in JavaScript

Um ein verschachteltes Array in JavaScript zu erstellen, müssen Sie der folgenden Syntax folgen:

lass array = [[inner_array1], [inner_array2], [inner_array3]…];

Hier "Array"Repräsentiert das verschachtelte Array, das mehrere innere Arrays enthält, wie sie"Inner_array1","Inner_array2","Inner_array3”.

Beispiel: So erstellen Sie ein verschachteltes Array in JavaScript

Wir werden ein mehrdimensionales oder verschachteltes Array namens “erstellen“HobbysDas umfasst ferner fünf innere Arrays:

lass Hobbys = [
['Lesen', 4],
['Gartenarbeit', 2],
['Gaming', 1],
['Malerei', 8],
['Kochen', 5]
];

In der deklarierten "Hobbys"Array, die hinzugefügte erste Dimension repräsentiert die"Hobby,Und die zweite gibt die maximale Anzahl von “anStd" während dieser Aktivität verbracht.

Nun, um das Erstellen anzuzeigen “Hobbys"Verschachtelte Array, wir werden das" nutzen "Konsole.Tisch()Methode beim Übergeben der “Hobbys”Array als Argument:

Konsole.Tabelle (Hobbys);

Die Ausführung des oben gegebenen Codes zeigt die Werte der “Hobbys”Array in einem Tischformat, wo die erste Spalte repräsentiert die Index von innere Arrays und der andere zwei Spalten enthalten ihre Elemente, die zuerst vorhanden sind “[0]" und zweitens "[1]" Index:

Wie man auf Elemente verschachtelter Arrays in JavaScript zugreift

Müssen auf die Elemente eines verschachtelten Arrays zugreifen? Wenn ja, dann schauen Sie sich die untergegebene Syntax an:

Array.[a] [b]

Hier, "A”Repräsentiert den Index der“innere"Array im geschaffenen verschachtelten Array und"B”Repräsentiert den Index der“Element”Im angegebenen inneren oder sub-array.

Beispiel: Wie man auf Elemente verschachtelter Arrays in JavaScript zugreift

Zum Beispiel möchten wir auf die “zugreifen“Kochen"Hobby, das als das" existiert "Erste" Element "[0] ”Des fünften inneren Arrays“ [[4] ”:

Um die angegebene Operation durchzuführen, werden wir die untergegebene Code-Anweisung ausführen:

Konsole.log (Hobbys [4] [0]);

Wie Sie aus der Ausgabe erkennen können, haben wir erfolgreich auf den Wert der “zugegriffen.“HobbysArray, das im ersten Index des fünften inneren Arrays platziert wird:

So fügen Sie Elemente zum verschachtelten Array in JavaScript hinzu

JavaScript bietet zwei Möglichkeiten zum Hinzufügen von Elementen zu einem bereits erstellten verschachtelten Array. Entweder du kannst anhängen ein Element am Ende eines Arrays mit dem “drücken()Methode oder einfügen sie bei a Spezifische Position mit Hilfe der “spleißen()" Methode.

Beispiel: So fügen Sie Elemente zum verschachtelten Array in JavaScript hinzu

Das drücken "[Radfahren, 6]"Sub-Array wie am Ende der"Hobbys"Verschachtelte Array, wir werden es als Argument an das" verabschieden "Hobbys.drücken()" Methode:

Hobbys.Push (['Radfahren', 6]);
Konsole.Tabelle (Hobbys);

Wenn die gegebene “Hobbys.drücken()”Wird ausgeführt, es wird das angegebene Unterarray am Ende der" hinzugefügt "Hobbys”Array:

Um ein Unterarray in die Mitte anderer innerer Arrays einzufügen, verwenden Sie das “spleißen()”Methode auf die folgende Weise:

Hobbys.Splice (1, 0, ['Gesang', 3]);
Konsole.Tabelle (Hobbys);

Hier das "Hobbys.spleißen()"Methode überschreibt das"Hobbys”Array und fügen Sie die" hinzu "['Gesang', 3]”Sub-Array an der zweiten Position:

Bis zu diesem Zeitpunkt haben wir das Verfahren gelernt, um ein verschachteltes Array zu erstellen und Elemente hinzuzufügen. Im nächsten Abschnitt werden wir über die Iterierung über die Elemente eines verschachtelten Arrays in JavaScript sprechen.

Wie man über die Elemente des verschachtelten Arrays in JavaScript iteriert

Sie wissen vielleicht, dass das JavaScript “fürDie Schleife wird hauptsächlich verwendet, um über die Elemente eines Arrays zu iterieren. Wie in unserem Fall haben wir jedoch eine “verschachtelt"Array, also werden wir zwei hinzufügen"für”Schleifen, die in den anderen verschachtelt sind.

Beispiel: Wie man über die Elemente des verschachtelten Arrays in JavaScript iteriert

Der Erste Schleife "für”Schleife wird über die itereriert äußeres Array Elemente nach seiner Größe und seiner verschachtelten “für”Schleife führt die Iteration über die durch innere Unterarrays:

für (leti = 0; ivarinnerArrayLength = Hobbys [i].Länge;
für (lass j = 0; j Konsole.log ('[' + i + ',' + j + '] =' + Hobbys [i] [j]);

In der angegebenen Iterationsoperation werden alle Elemente der "angezeigt"Hobbys”Verschachteltes Array:

Sie können auch die „verwenden“Für jede()Methode für denselben Zweck.

Wie man ein verschachteltes Array in JavaScript überflätt

Es gibt bestimmte Szenarien, in denen Sie möglicherweise ein Array erstellen müssen, das alle verschachtelten JavaScript -Array -Elemente in ihrer ursprünglichen Reihenfolge umfasst. Wenn das der Fall ist, dann ebnen Das geschaffene verschachtelte Array, um seine Dimensionalität zu verringern.

Der "Array.Wohnung()”Methode ist eingebettet in Es6, was hilft in Abflachung ein verschachteltes Javascript -Array. Diese Methode gibt ein neues Array zurück, nachdem alle Sub-Arrays-Elemente verkettet wurden.

Beispiel: Wie man ein verschachteltes Array in JavaScript überflätt

Zum Beispiel, um das zu platzieren "HobbysArray, wir werden den folgenden Code im Konsolenfenster ausführen:

const flatArray = Hobbys.Wohnung();
Konsole.log (flatArray);

Das Gegebene "Hobbys.Wohnung()"Methode verringert die Dimensionalität der"Hobbys”Array und flach die Elemente des inneren Arrays ab:

So löschen Sie Elemente des verschachtelten Arrays in JavaScript

Um Elemente aus Sub-Arrays eines verschachtelten Arrays zu entfernen, verwenden Sie das “Pop()" Methode. Der "Pop()”Methode löscht typischerweise das letzte innere Array aus einem verschachtelten Array; Es hilft jedoch auch beim Entfernen von Elementen aus inneren Arrays.

Beispiel: So löschen Sie Elemente des verschachtelten Arrays in JavaScript

Bevor Sie das nutzen,Pop()"Methode, wir haben die folgenden Unterarrays im"Hobbys”Verschachteltes Array:

Nun, wenn wir uns aufrufen "Pop()Methode, das letzte Unterarray wird zusammen mit seinen Elementen gelöscht:

Hobbys.Pop();
Konsole.Tabelle (Hobbys);

Ausgang

Um das zweite Element von jedem zu entfernen “Sub-Array"Wir werden durch die" iterieren "Hobbys”Array mit der“für jede()Methode und bei jeder Iteration die “Pop()Die Methode löscht das im erste Index positionierte Element:

Hobbys.foreach ((Hobby) =>
Hobby.Pop (1);
);
Konsole.Tabelle (Hobbys);

Es ist in der untergegebenen Ausgabe zu sehen, dass das Element, das die maximale Anzahl der für jedes Hobby aufgewendeten Stunden darstellt, für alle Sub-Arrays gelöscht wird:

Wir haben alle wesentlichen Informationen im Zusammenhang mit der Arbeit von verschachtelten Arrays in JavaScript zusammengestellt. Sie können sie weiter nach Ihren Vorlieben untersuchen.

Abschluss

Wenn einem äußeren Array ein inneres Array oder ein Unterarray hinzugefügt wird, wird es a genannt verschachtelte Array. Nachdem Sie ein JavaScript -verschachteltes Array erstellt haben, können Sie die „verwenden“drücken()" Und "spleißen()"Methode zum Hinzufügen von Elementen"Für Schleife" Und "für jede()"Methode, um die Elemente der inneren Arrays zu iterieren"Wohnung()"Methode zur Reduzierung der Dimensionalität und"Pop()Methode zum Löschen von Unterarrays oder deren Elementen aus den verschachtelten Arrays. In dieser Beschreibung wurde die Arbeit von verschachtelten Schleifen in JavaScript erläutert.