Array Destructuring in JavaScript | Erklärt

Arrays umfassen zahlreiche Werte desselben Datentyps, und die Elemente von Arrays werden unter Verwendung des Indexierungsphänoms zugegriffen/abgerufen. Bei komplexen Arrays ist es jedoch möglicherweise nicht fruchtbar und Sie möchten die Array -Elemente daraus abrufen.

Das Array -Destructuring -Phänomen wird durchgeführt, um die Array -Elemente mühelos abzurufen. In Array Destructuring wird jedes Element als Variable bezeichnet. Wenn Sie dann diese Variable aufrufen, können Sie das mit dieser Variablen verknüpfte Element abrufen. Mit dem Ziel, Elemente zu bekommen.

Wie Array Destructuring in JavaScript funktioniert

Wie bereits erwähnt, bezieht sich frühere Zerstörungen auf die Array -Elemente, indem sie unterschiedliche Variablen verwenden. Für die Zerstörung benötigen Sie daher eine Reihe von Variablen, mit denen das spezifische Element eines Arrays erhalten werden kann. Die unten geschriebenen Codezeilen zeigen besser, wie die Zerstörung in JavaScript funktioniert.

var arr = [1, 2, 3, 4];
var [w, x, y, z,] = arr;

Beim Aufrufen der Variablen “w"Sie würden bekommen"1"In der Ausgabe in ähnlicher Weise der Wert"2”Würde im in der" gespeichert werden "X”Variabel und so weiter.

Wie man ein Array in JavaScript zerstört

Dieser Abschnitt enthält eine Reihe von Beispielen, die veranschaulichen, wie Arrays mithilfe des zerstörenden Phänomens manipuliert werden können.

Beispiel 1

Der folgende Code erstellt unterschiedliche Variablen für jedes Element eines Arrays.

var arr = [10, 11, 12]
var [x, y, z] = arr;
Konsole.log (x);
Konsole.log (y);
Konsole.log (z);

Der obige Code wird als beschrieben als,

• eine Anordnung arr wird erstellt, die drei numerische Werte enthält
• Ein weiterer Satz von Variablen wird erstellt, der sich auf die bezieht arr Variable und so werden sie jedem Element des Arrays zugeordnet arr.
• die Variablen X, y, Und z werden gedruckt

Ausgang

Die Ausgabe zeigt, dass die Werte 10, 11, Und 12 sind jetzt von der enthalten X, y, Und z bzw.

Beispiel 2

Schauen wir uns an, wie die Zerstörung funktioniert, wenn die Anzahl der Elemente nicht der Anzahl der Variablen entspricht.

var arr = [4, 7]
var [x, y, z] = arr;
Konsole.log (x);
Konsole.log (y);
Konsole.log (z);

Der obige Code enthält ein Array, das zwei numerische Werte umfasst. Dieses Array wird mit drei Variablen assoziiert und dann werden diese Variablen mit der "gedruckt" gedrucktKonsole.Protokoll" Stellungnahme.

Ausgang

Die obige Ausgabe zeigt, dass der Wert von z führt zu undefiniert, weil es nur zwei Zahlen in gibt arr Somit können nur zwei Variablen auf diese Variablen abgebildet werden.

Beispiel 3

In diesem Beispiel wird der Restoperator verwendet, um ein Array zu zerstören.

var arr = ["LinuxHint", "Willkommen", "Linux, Windows", "JavaScript/JQuery", "Informative Tutorials"]
var [x, y, ... andere] = arr;
Konsole.log (x);
Konsole.log (y);
Konsole.log (andere);

Der obige Code erstellt eine Reihe von Strings und die X, y, Und Andere Beziehen Sie sich auf die Elemente eines Arrays. Der X Und y beziehen sich auf die ersten bzw. zweiten Elemente, während die andere Variable wird mit dem Restoperator verwendet, daher enthält der andere alle Elemente, die nach dem zweiten Element auftreten.

Ausgang

Die Ausgabe zeigt das X Und y enthalten die ersten beiden Elemente nur, während der Rest der Array -Elemente in der enthalten ist andere Variable.

Notiz: Da Variablen nicht unter Verwendung einer Zahl erstellt werden können, können numerische Werte nicht verwendet werden, um das Array zu zerstören.

Abschluss

Das Array -Zerstörungen erfolgt durch Assoziieren von Variablen mit den Array -Elementen. Diese unterschiedlichen Variablen können verwendet werden, um nur bestimmte Elemente des Arrays zu erhalten. Dieser Artikel enthält eine detaillierte Anleitung zum Array Destructuring in JavaScript. Hier würden Sie die Zerstörung von Arrays in JavaScript kennenlernen und durchführen. Für ein besseres Verständnis haben wir eine Reihe von Beispielen bereitgestellt, die sich darauf beziehen, die Array -Elemente in JavaScript zu zerstören.