Objekt zerstören in JavaScript | Erklärt

In JavaScript, Objekt zerstören ist ein Zuweisungsausdruck, der es Ihnen ermöglicht, auf einen Objekteigenschaftswert zuzugreifen und an getrennte Variablen zu binden. Diese Funktionalität wurde in das JavaScript eingebettet Es6 Version, die es einfacher erleichtert, die mehrfachen Eigenschaften eines JavaScript -Objekts mit der Ausführung einer einzelnen Zeile zu extrahieren.

Während der Zerstörung eines Objekts wird der Name der Objekteigenschaft als variabler Name verwendet. Wenn der angegebene Name nicht mit der Objekteigenschaft übereinstimmt, initialisiert die Operation des Objekts Destructuring -Zuordnungsbetrieb die Variable mit einem “nicht definiert" Wert. Sie können jedoch eine angeben “Standardwert”Für eine nicht existierende Objekteigenschaft mit Zerstörungsaufgabe.

Dieser Beitrag lehrt Objekte Destructuring und seine Verwendung in JavaScript. So lass uns anfangen!

So verwenden Sie Objekte Destructuring in JavaScript

Angenommen, wir haben eine "MitarbeiterObjekt in der Pre-ES6-Umgebung mit den folgenden zwei Eigenschaften "Name" und "Bezeichnung":

var Employee =
Name: 'Paul',
Bezeichnung: 'Manager'
;

Nun, um die Eigenschaften der “zu extrahieren“MitarbeiterObjekt, wir werden den folgenden Code im Programm hinzufügen und ihn ausführen:

var name = Mitarbeiter.Name;
var Bezeichnung = Mitarbeiter.Bezeichnung;
Konsole.log ('Mitarbeitername:' + Name);
Konsole.log ('Mitarbeiterbezeichnung:' + Bezeichnung);

Hier der Wert der “Mitarbeiter.Name”Eigenschaft wird der“ zugewiesen “Name"Variable und die"Mitarbeiter.Bezeichnung"Der Wert der Eigenschaft wird zugewiesen"Bezeichnung”:

Wie Sie sehen können, wird die angegebene Prozedur des Zugriffs auf die Eigenschaft eines Objekts und das Zuweisen der angegebenen Variablenanforderungen zuzuordnen. “KesselplatteCode, wobei ein Codeabschnitt mit demselben Muster und einer geringfügigen Änderung ausgeführt wird.

ES6 hat ein alternatives Verfahren zur Zuordnung der Eigenschaften eines Objekts zu Variablen eingebettet, die als "bekannt als"Objekt zerstören“. Die Zerstörung von Objekten verhindert die Duplizierung eines Eigenschaftsnamens und ermöglicht es, mehrere Eigenschaften eines JavaScript -Objekts mithilfe einer einzelnen Anweisung zu extrahieren.

So extrahieren Sie eine einzelne Eigenschaft eines Objekts mithilfe von Objekt -Zerstörungen in JavaScript

Hier ist die grundlegende Syntax der Objektzerstörungen, die zum Extrahieren einer bestimmten Eigenschaft eines JavaScript -Objekts verwendet werden kann:

const Eigenschaft = Objekt;

Jetzt werden wir auf die “zugreifen“Name"Eigenschaft von bereits erstellt"MitarbeiterObjekt durch Zerstörung:

sei name = Mitarbeiter;
Konsole.log ('Mitarbeitername:' + Name);

Die Ausführung des angegebenen Codes erstellt eine Variable benannt “Name”Und weisen Sie den Wert der“ zuMitarbeiter.NameEigentum dazu:

So extrahieren Sie mehrere Eigenschaften eines Objekts mithilfe von Objekten, die in JavaScript zerstört werden

Wenn Sie wollen Mehrere Eigenschaften extrahieren von einem Objekt mit Hilfe von Objektzerstörungen und dann der untergegewalten Syntax folgen:

Sei Property1, Property2 = Objekt;

Hier die erstellten Variablen für die "Property1" und "Property2" wird die gleichen Namen haben wie die angegebenen “ObjektEigenschaften haben; Daher macht es das Programm prägnanter.

Zum Beispiel können wir das zerstören “Mitarbeiter”Objekt, um auf seine zuzugreifen "Name" und "Bezeichnung" Eigenschaften auf folgende Weise:

Sei Name, Bezeichnung = Mitarbeiter;

Dann drucken wir die extrahierten Werte der angegebenen Eigenschaften auf der Konsole aus:

Konsole.log ('Mitarbeitername:' + Name);
Konsole.log ('Mitarbeiterbezeichnung:' + Bezeichnung);

Die angegebene Ausgabe bedeutet, dass wir die erfolgreich abgerufen haben "Name" und "Bezeichnung" Eigenschaften der “Mitarbeiter" Objekt:

Setzen Sie den Standardeigenschaftswert für ein Objekt mithilfe von Objekt -Zerstörungen in JavaScript fest

Wenn Sie versuchen, auf eine Eigenschaft zuzugreifen, die nicht im zerstörte Objekt hinzugefügt wird, wird diese spezifische Eigenschaft mit einem initialisiertnicht definiert" Wert.

Wie unsere geschaffen “Mitarbeiter”Objekt umfasst nur Eigenschaften "Name" und "Bezeichnung" und "Alter" Eigentum existiert nicht darin, sodass das gegebene Objekt die Zuordnung zerstörerische Zuordnung zuweist "undefinierter" Wert zu "Wert" zu "zuweist"Alter" Eigentum:

const Alter = Mitarbeiter;
Konsole.log (Alter);

Das Destructuring von Objekten ermöglicht es Ihnen jedoch auch, a festzulegen "Standardwert" für eine Eigenschaft, die nicht im zerstörten Objekt definiert ist. Um diese Funktionalität zu implizieren, folgen Sie der angegebenen Syntax:

const property = defaultValue = Objekt;

Wir werden zuweisen "25" als Standardwert der "Alter" Eigentum:

const alter = [25] = Mitarbeiter;
Konsole.log (Alter);

Anstatt "nicht definiert", jetzt die "Konsole.Protokoll()”Methode wird ausdrucken "25" als "Alter" Eigentumswert:

Wir haben die wesentlichen Informationen zum Destructuring von Objekten in JavaScript zusammengestellt. Sie können es entsprechend Ihren Anforderungen untersuchen.

Abschluss

Objekt zerstören in JavaScript ist eine nützliche Funktion, mit der Sie es können Einzel- oder Mehrfacheigenschaften extrahieren aus einem JavaScript -Objekt und weisen Sie ihre jeweiligen Werte unterschiedlichen Variablen zu. Es verhindert die Duplikation eines Eigenschaftsnamens und ermöglicht das Extrahieren mehrerer Eigenschaften eines JavaScript -Objekts mit einer einzelnen Anweisung. In diesem Beitrag wurde das Destructuring von Objekten und seine Verwendung in JavaScript erläutert.