ES6/ES2015 でオブジェクトの構造化中にターゲット変数の名前を変更するにはどうすればよいですか?

ES6/ES2015 でのエイリアスによる構造化

オブジェクトの構造化は ES6/ES2015 の強力な機能であり、オブジェクトから値を抽出し、それらを変数に代入します。ただし、構造化中にターゲット変数の名前を変更したい場合があります。

ターゲット変数の名前変更

この例では、 as 構文を使用してターゲットの名前を変更しようとしました。 const {a, b as c} = test; のような変数ですが、この構文は ES6/ES2015 では無効です。

オブジェクトの構造化中にターゲット変数の名前を変更するには、次に示すように、新しい変数名を割り当てるだけです。 MDN の例:

<code class="javascript">var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true</code>

この例では、o オブジェクトを分解し、p プロパティの値を foo 変数に割り当て、q プロパティの値を bar 変数に割り当てます。 o オブジェクトの p プロパティと q プロパティは変更されません。

以上がES6/ES2015 でオブジェクトの構造化中にターゲット変数の名前を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。