JavaScript ES6 で既存のオブジェクトに値を分解できますか?

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

JavaScript ES6 では、分割により、オブジェクトと配列から変数への値の簡潔な抽出が可能になります。ただし、多くの開発者は、構造化構文を使用して既存のオブジェクトに値を転送しようとしています。

次のシナリオを考えてみましょう:

<br>var foo = {<br> x: "bar ",<br> y: "baz"<br>};<br>var oof = {};<br>

x と y の値を foo からES6 の構造化による oof。 ES6 はこの動作を明示的にサポートしていませんが、回避策はあります。

({x: oof.x, y: oof.y} = foo);

このコードは、foo から x 値と y 値を読み取り、oof のそれぞれの場所に書き込みます。ただし、これは最もエレガントな解決策ではありません。その他の代替案には、

oof.x = foo.x;
oof.y = foo.y;

または:

['x', 'y'].forEach(prop => oof[prop] = foo[prop]);

が含まれます。これらの代替案はより冗長ではありますが、一般に、構造化の回避策よりも読みやすいと考えられています。

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