JavaScript ES6 でプロパティを既存のオブジェクトに分解するにはどうすればよいですか?

JavaScript ES6 での既存のオブジェクトへの分割

ES6 では、分割により、あるオブジェクトから別のオブジェクトにプロパティを割り当てることができます。ただし、新しいオブジェクトを作成するのではなく、既存のオブジェクトにプロパティを転送したいというシナリオが発生する可能性があります。

質問:

プロパティを次のオブジェクトに分割するにはどうすればよいですか?あるオブジェクト (例: foo) から別のオブジェクト (例: oof)​​ に値を転送するなど、JavaScript ES6 の既存のオブジェクト?

回答:

明示的にではありませんがES6 の構造化構文でサポートされていますが、望ましい結果を達成する別のアプローチがあります。

<code class="javascript">({x: oof.x, y: oof.y} = foo);</code>

構造化代入を括弧で囲み、oof の既存のプロパティをキーとして使用することで、foo から値を読み取ることができます。そしてそれらを oof の対応するキーに書き込みます。ただし、このアプローチは、いくつかの代替案ほど簡潔でも洗練されていません:

• 直接割り当て:

<code class="javascript">oof.x = foo.x;
oof.y = foo.y;</code>

• 配列ベースのループ:

<code class="javascript">['x', 'y'].forEach(prop => oof[prop] = foo[prop]);</code>

最終的に、アプローチの選択は個人の好みと特定の使用例によって異なります。

以上がJavaScript ES6 でプロパティを既存のオブジェクトに分解するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。