ES6/ES2015 でオブジェクトの構造化中に変数の名前を変更するにはどうすればよいですか?-jsチュートリアル-php.cn

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

Barbara Streisand

リリース： 2024-10-18 12:46:03

オリジナル

482 人が閲覧しました

How to Rename Variables During Object Destructuring in 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 サイトの他の関連記事を参照してください。