ES6 の構造化を使用してオブジェクトの値を転送できますか?

ES6 構造化: オブジェクト間の値の転送

この質問では、ES6 構造化構文を使用して既存のオブジェクト間で値を転送する可能性を調査します。シナリオをよりよく理解するために、foo と oof という 2 つのオブジェクトがあると仮定します。foo にはプロパティ x と y が含まれており、oof は最初は空です。

質問が生じます。foo のプロパティを割り当てるために構造化を利用できるでしょうか。 oof は仮定の構文に似ています oof{x,y} = foo?

提案された構文は無効ですが、別のアプローチがあります:

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

この式は実質的に x を読み取ります。 foo から y の値を取得し、それらを oof の対応するプロパティに書き込みます。ただし、このアプローチは多少反復的になる可能性があり、譲渡するプロパティが多数ある場合にはあまり適さないことに注意することが重要です。

あるいは、より簡潔な解決策は次のとおりです。

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

このメソッドはプロパティ名の配列を反復処理し、各プロパティに foo から oof までの対応する値を割り当てます。

以上がES6 の構造化を使用してオブジェクトの値を転送できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。