Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memusnahkan Hartanah ke dalam Objek Sedia Ada dalam JavaScript ES6?

Bagaimana untuk Memusnahkan Hartanah ke dalam Objek Sedia Ada dalam JavaScript ES6?

Barbara Streisand
Barbara Streisandasal
2024-10-27 20:50:30163semak imbas

How to Destructure Properties into an Existing Object in JavaScript ES6?

Menyahstruktur ke dalam Objek Sedia Ada dalam JavaScript ES6

Dalam ES6, memusnahkan membolehkan anda menetapkan sifat dari satu objek ke objek lain. Walau bagaimanapun, anda mungkin menghadapi senario di mana anda ingin memindahkan sifat ke objek sedia ada dan bukannya mencipta yang baharu.

Soalan:

Bagaimana anda boleh memusnahkan sifat pada objek sedia ada dalam JavaScript ES6, seperti memindahkan nilai daripada satu objek (cth., foo) ke yang lain (cth., oof)?

Jawapan:

Walaupun tidak secara eksplisit disokong oleh sintaks pemusnahan ES6, terdapat pendekatan alternatif yang mencapai hasil yang diinginkan:

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

Dengan membungkus tugasan pemusnah dalam kurungan dan menggunakan sifat sedia ada oof sebagai kunci, anda boleh membaca nilai dari foo dan tuliskannya pada kekunci yang sepadan pada oof. Walau bagaimanapun, pendekatan ini tidak seringkas atau elegan seperti beberapa alternatif:

  • Tugas Langsung:
<code class="javascript">oof.x = foo.x;
oof.y = foo.y;</code>
  • Gelung Berasaskan Tatasusunan:
<code class="javascript">['x', 'y'].forEach(prop => oof[prop] = foo[prop]);</code>

Akhirnya, pilihan pendekatan bergantung pada keutamaan peribadi dan kes penggunaan khusus.

Atas ialah kandungan terperinci Bagaimana untuk Memusnahkan Hartanah ke dalam Objek Sedia Ada dalam JavaScript ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn