Lassen Sie uns über Destrukturierung in JS ES6 sprechen

Überblick

es6 fügt eine neue Möglichkeit hinzu, bestimmte Elemente aus einem Array oder Objekt zu erhalten. Darüber werden wir heute sprechen: Destrukturierung.

Lassen Sie uns zuerst über die Array-Dekonstruktion sprechen

Vor der Destrukturierung erhalten wir normalerweise das angegebene Element im Array basierend auf dem Index:

const arr = [1, 2, 3]; 
Konstante a = arr[1];

Nach der Dekonstruktion können wir die folgende Methode verwenden, um schnell ein Element im Array zu erhalten:

const arr = [1, 2, 3];
Konstante [a, b, c] = arr;

konsole.log(a);
console.log(b);
console.log(c);

Dies druckt jeweils die Werte von a, b und c aus:

1

2

3

Wenn wir nur die ersten beiden Elemente erhalten möchten, können wir schreiben:

const arr = [1, 2, 3];
Konstante [a, b] = arr;

konsole.log(a);
console.log(b);

Wir können den Spread-Operator auch kombinieren, um mehrere im Array angegebene Elemente zu erhalten, zum Beispiel:

const arr = [1, 2, 3];
const [a, ...brr] = arr;

konsole.log(a);
Konsole.log(brr);

Auf diese Weise ist brr ein Array, das aus Elementen ungleich 1 besteht, und die gedruckten Werte von a und brr sind:

1

[dreiundzwanzig]

Was ist, wenn wir nur ein bestimmtes Element im Array erhalten möchten? Wenn ich beispielsweise nur 2 im Array haben möchte, wie muss ich es schreiben?

const arr = [1, 2, 3];
Konstante [a] = arr;
konsole.log(a);

Oben verwenden wir ein Komma als Platzhalter, um sicherzustellen, dass unsere Dekonstruktion mit der Position des Arrays selbst übereinstimmt, um ein Element an einer bestimmten Position zu erhalten.
Wie Sie sehen, erleichtert uns die Einführung der Destrukturierung, ein oder mehrere Elemente an eine bestimmte Position im Array zu bringen. Dies ist auch eine wichtige Anwendung davon im Code.

Nachdem wir über die Dekonstruktion von Arrays gesprochen haben, sprechen wir über

Dekonstruktion von Objekten

Im Gegensatz zur Array-Destrukturierung wird die Objekt-Destrukturierung anhand von Eigenschaftsnamen abgeglichen. Da Objekte keine Reihenfolge wie Array-Indizes haben, können sie nicht mithilfe von Indizes extrahiert werden.
Wenn wir beispielsweise ein Objekt obj definieren und den Wert seines Namensattributs erhalten möchten, können wir es wie folgt schreiben:

const obj = {
    Name: 'wudixiaodoujie',
    Alter: 18
};
const { name } = obj;
konsole.log(Name);
Abonnieren

konstantes Alter = 0;
const { Alter: pro Alter } = obj;
console.log(pro Alter);
18

Die Dekonstruktion von Objekten wird häufig verwendet. Wenn wir beispielsweise eine Eigenschaft oder Methode eines Objekts häufig aufrufen müssen, können wir sie durch Dekonstruktion einer Variablen zuweisen. Der Aufruf über eine Variable kann die Codemenge bis zu einem gewissen Grad reduzieren.

Oben finden Sie den detaillierten Inhalt der Dekonstruktion in JS ES6. Weitere Informationen zur Dekonstruktion in JS ES6 finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!