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

Mary-Kate Olsen
リリース: 2024-11-01 04:56:02
オリジナル
430 人が閲覧しました

 Can You Transfer Object Values with ES6 Destructuring?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!