Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengklon Dalam Susunan Objek dalam JavaScript?

Bagaimana untuk Mengklon Dalam Susunan Objek dalam JavaScript?

Linda Hamilton
Lepaskan: 2024-12-13 04:59:10
asal
121 orang telah melayarinya

How to Deep Clone an Array of Objects in JavaScript?

Bagaimana untuk Mengklon Susunan Objek dalam JavaScript?

Apabila berurusan dengan struktur data yang kompleks dalam JavaScript, selalunya berguna untuk membuat salinan dalam tatasusunan dan bukannya rujukan yang cetek. Ini memastikan bahawa perubahan pada salinan klon tidak menjejaskan tatasusunan asal dan begitu juga sebaliknya.

Mencipta Salinan Dalam

Menggunakan structuredClone

Moden pendekatan untuk pengklonan dalam tatasusunan menggunakan kaedah structuredClone:

array2 = structuredClone(array1);
Salin selepas log masuk

Kaedah ini disokong dalam kebanyakan penyemak imbas moden, menyediakan mekanisme pengklonan dalam yang boleh dipercayai.

Menggunakan JSON.parse

Jika structuredClone tidak tersedia, anda boleh menggunakan teknik berasaskan JSON:

let clonedArray = JSON.parse(JSON.stringify(nodesArray))
Salin selepas log masuk

Pendekatan ini berfungsi untuk objek yang boleh bersiri JSON, bermakna ia boleh ditukar kepada rentetan JSON dan belakang. Walau bagaimanapun, ia mungkin tidak sesuai untuk objek kompleks dengan fungsi atau jenis data tertentu.

Menggunakan Operator Hamparan dan Peta

Untuk objek cetek, menggunakan operator hamparan digabungkan dengan peta boleh memberikan prestasi yang lebih baik:

clonedArray = nodesArray.map(a => ({...a}))
Salin selepas log masuk

Teknik ini mencipta objek baharu untuk setiap elemen dalam tatasusunan, memastikan perubahan pada klon tidak menjejaskan asli.

Memilih Pendekatan yang Tepat

Pendekatan terbaik untuk mengklonkan pelbagai objek bergantung pada keperluan khusus anda. Untuk salinan dalam yang boleh dipercayai, structuredClone adalah disyorkan. Untuk objek boleh bersiri JSON, JSON.parse dan JSON.stringify menyediakan pilihan yang fleksibel. Untuk objek cetek, pengendali hamparan dan kaedah peta menawarkan prestasi yang lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk Mengklon Dalam Susunan Objek dalam JavaScript?. 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