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

ES6/ES2015 でのターゲット変数の名前変更によるオブジェクトの構造化

オブジェクトの構造化は、オブジェクトからプロパティを抽出するための簡潔で便利な方法です。しかし、構造化中にターゲット変数の名前を変更したい場合はどうすればよいでしょうか?この記事では、ES6/ES2015 でこれを実現する方法について説明します。

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

ES6/ES2015 で導入された as キーワードを使用すると、次のことが可能になります。構造化されていないプロパティに新しい名前を割り当てます。これにより、ターゲット変数の名前が効果的に変更されます。

const test = { a: 1, b: 2 };
const {a, b: c} = test;

console.log(a); // 1
console.log(c); // 2

この例では、 b プロパティが構造解除され、as キーワードを使用して c 変数に割り当てられます。その結果、 b プロパティを参照するターゲット変数は c になります。

MDN の例

Mozilla Developer Network (MDN) は、ターゲット変数を使用したオブジェクトの構造化の別の明確な例を提供しています。 renaming:

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

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

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

この例では、as キーワードを使用して、プロパティ p と q がそれぞれ新しい変数名 foo と bar に割り当てられます。

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