Salinan Cetek vs Dalam bagi Objek dalam JavaScript

Apabila kita perlu menyalin objek ke objek lain, biasanya kita menggunakan sesuatu seperti ini:

const mainObject = { id: 1 };
const secondaryObject = { ...mainObject };

Tetapi ini hanya berfungsi untuk menyalin sifat cetek objek. Jika kita mempunyai kes seperti kod berikut, senario berubah:

const mainObject = { id: 1, user: { name: 'John Doe', age: 30 } };
const secondaryObject = { ...mainObject };

Pengguna hartanah tidak akan disalin; ia masih akan berkaitan dengan mainObject. Jadi, jika kita mengubah sifat pengguna, ia juga akan menjejaskan mainObject. Untuk menyelesaikannya, kita boleh melakukan perkara berikut:

const mainObject = { id: 1, user: { name: 'John Doe', age: 30 } };
const deepCopy = JSON.parse(JSON.stringify(mainObject ));

Sekarang, kami mempunyai salinan yang mendalam bagi mainObject, dengan dua alamat memori yang berbeza.

Atas ialah kandungan terperinci Salinan Cetek vs Dalam bagi Objek dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!