構造化代入ステートメントの中括弧 ( {... } = ... ) は何を表しますか?

var { ... } = ... ステートメントの中括弧は何を表しますか?

中括弧で示される構造化代入var { ... } = ... ステートメント内の括弧は、Haskell などの言語で見られるものと似た JavaScript のパターン マッチング機能です。これは、オブジェクトと配列から値を抽出して割り当てるための簡潔な方法を提供します。

オブジェクトの場合:

次の例を考えてみましょう:

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

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

このステートメントは、ascii オブジェクトから a、b、c プロパティを抽出し、対応する変数に割り当てます。これは次のコードと同等です:

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

配列の場合:

同様の構造化を配列でも実行できます:

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

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

Thisコードは、ASCII 配列の 1 番目、2 番目、3 番目の要素を抽出し、それぞれ a、b、c に割り当てます。これは以下と同等です:

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

プロパティの名前変更:

代入を分割すると、プロパティを抽出して名前を変更することもできます:

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

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

このコードは、a、b、c プロパティをそれぞれ変数 A、B、C に割り当てます。

以上が構造化代入ステートメントの中括弧 ( {... } = ... ) は何を表しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。