Details zur Destrukturierungszuweisung in Javascript

1. Array-Dekonstruktion

sei [a, b, c] = [1,2,3]
konsole.log(a, b, c) // 1 2 3

Neben Arrays kann jedes iterierbare Objekt destrukturiert werden, z. B. Strings

let [erster, zweiter] = "er"

console.log(erste, zweite) // er

2. Objektdekonstruktion

Die rechte Seite der Zuweisung ist das Objekt und die linke Seite ist der durch Kommas getrennte Variablenname in geschweiften Klammern.

sei {a, b, c} = {a:1, b:2, c:3}
konsole.log(a,b,c) // 1 2 3

Der Variablenname auf der linken Seite muss mit dem Eigenschaftsnamen im Objekt übereinstimmen. Wenn sie nicht übereinstimmen, wird dem Variablennamen auf der linken Seite undefined zugewiesen. Zum Beispiel:

sei {a,b, d} = {a:1, b:2, c:3}
console.log(a,b,d) // 1 2 undefiniert

Wenn der Variablenname vom Attributnamen abweicht, können Sie den Attributnamen mit einem Doppelpunkt als Trennzeichen dem Variablennamen zuordnen.

Zum Beispiel:

sei {a,b, c:d} = {a:1, b:2, c:3}
konsole.log(a,b,d) // 1 2 3

3. Unvollständige Dekonstruktion

Die Anzahl der Variablen auf der linken Seite der Destrukturierungszuweisung muss nicht unbedingt mit der Anzahl der Elemente im Array auf der rechten Seite übereinstimmen.

(1) Zusätzliche Variablen auf der linken Seite werden auf undefiniert gesetzt.

sei [a, b, c] = [1, 2]

console.log(a, b, c) // 1 2 undefiniert

(2) Zusätzliche Werte rechts werden direkt ignoriert

sei [a, b, c] = [1, 2, 3, 4]

konsole.log(a, b, c) // 1 2 3

(3) Durch Kommas auf der linken Seite können Sie bestimmte Werte überspringen

sei [a, , c] = [1, 2, 3, 4]

konsole.log(a, c) // 1 3

(4) Die zusätzlichen Werte auf der rechten Seite können durch … in einer Variablen gesammelt werden.

sei [a, b, ...c] = [1, 2, 3, 4]

konsole.log(a, b, c) // 1 2 [3, 4]

4. Verwenden Sie die Destrukturierungszuweisung, um den Variablenaustausch zu implementieren

sei a = 1, b = 2;
[ein, b] = [b, ein]
konsole.log(a) //2
console.log(b) //1

Dies ist das Ende dieses Artikels über die Einzelheiten der Javascript Dekonstruktionsaufgabe. Weitere relevante Inhalte zur Javascript -Dekonstruktionsaufgabe finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!