JavaScript のオブジェクト括弧表記はどのようにして代入の構造化を可能にするのでしょうか?

代入の左側のオブジェクト括弧表記 ({ Navigation } =)

JavaScript では、オブジェクト括弧表記 ({ Navigation }代入の左側にある =) は、代入の構造を分割できる構文です。 ES2015 標準で導入されたこの機能により、オブジェクトから特定のプロパティを抽出して変数に入れることができます。

オブジェクトの構造化

オブジェクトの構造化構文により、プロパティの抽出が可能になります。オブジェクト リテラルの作成と同じ構文を使用します。たとえば、次のコードは、オブジェクト o の p プロパティと q プロパティを変数 p と q に割り当てます:

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

抽出されたプロパティに新しい変数名を割り当てることもできます:

var {p: foo, q: bar} = o;

console.log(foo); // 42
console.log(bar); // true

配列の構造化

構造化は配列にも適用でき、簡素化されます。個々の要素を変数に代入すること。次の配列 foo について考えてみましょう。

var foo = ["one", "two", "three"];

構造化を行わない場合、次のように要素を変数に割り当てます。

var one   = foo[0];
var two   = foo[1];
var three = foo[2];

構造化を使用すると、同じ結果をより簡潔に達成できます。

>

var [one, two, three] = foo;

以上がJavaScript のオブジェクト括弧表記はどのようにして代入の構造化を可能にするのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。