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

Barbara Streisand
Lepaskan: 2024-10-27 20:50:30
asal
173 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk
  • Gelung Berasaskan Tatasusunan:
<code class="javascript">['x', 'y'].forEach(prop => oof[prop] = foo[prop]);</code>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!