Was bedeuten geschweifte Klammern ( {... } = ... ) in destrukturierenden Zuweisungsanweisungen?

Was stellen die geschweiften Klammern in var { ... } = ...-Anweisungen dar?

Destrukturierende Zuweisung, gekennzeichnet durch die geschweifte Klammer Klammern in var { ... } = ...-Anweisungen ist eine Mustervergleichsfunktion in JavaScript, die der Funktion ähnelt, die in Sprachen wie Haskell zu finden ist. Es bietet eine prägnante Möglichkeit, Werte aus Objekten und Arrays zu extrahieren und zuzuweisen.

Für Objekte:

Betrachten wir das folgende Beispiel:

<code class="javascript">var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;</code>

Diese Anweisung extrahiert die Eigenschaften a, b und c aus dem ASCII-Objekt und weist sie den entsprechenden Variablen zu. Es entspricht dem folgenden Code:

<code class="javascript">var a = ascii.a;
var b = ascii.b;
var c = ascii.c;</code>

Für Arrays:

Eine ähnliche Destrukturierung kann für Arrays durchgeführt werden:

<code class="javascript">var ascii = [97, 98, 99];

var [a, b, c] = ascii;</code>

Dies Der Code extrahiert das erste, zweite und dritte Element des ASCII-Arrays und weist es a, b bzw. c zu. Es entspricht:

<code class="javascript">var a = ascii[0];
var b = ascii[1];
var c = ascii[2];</code>

Eigenschaftsumbenennung:

Destrukturierungszuweisung ermöglicht Ihnen auch das Extrahieren und Umbenennen einer Eigenschaft:

<code class="javascript">var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;</code>

Dieser Code weist den Variablen A, B und C die Eigenschaften a, b und c zu.

Das obige ist der detaillierte Inhalt vonWas bedeuten geschweifte Klammern ( {... } = ... ) in destrukturierenden Zuweisungsanweisungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!