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

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

JavaScript では、オブジェクトの構造化を使用して、オブジェクトからプロパティを変数に簡単に抽出できます。ただし、構造化中にこれらの変数の名前を変更したい場合はどうすればよいでしょうか?

質問で強調表示されている誤った構文 b as c の代わりに、ES6/ES2015 ではターゲット変数の名前を変更する適切な方法が提供されています。次の構文を使用して、新しい変数名を直接割り当てることができます:

<code class="js">const {oldName: newName} = object;</code>

たとえば、元のコード:

<code class="js">const b = 6;
const test = { a: 1, b: 2 };
const {a, b as c} = test; // Incorrect</code>

は、次のように正しく書き換えることができます:

<code class="js">const {a, b: c} = test; // Rename b to c</code>

この後、変数は次のように割り当てられます:

<code class="js">a === 1
b === 6 // Original value unchanged
c === 2</code>

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