Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menggabungkan Objek JavaScript dengan Cekap?

Bagaimanakah Saya Boleh Menggabungkan Objek JavaScript dengan Cekap?

Barbara Streisand
Lepaskan: 2024-12-21 15:55:11
asal
722 orang telah melayarinya

How Can I Efficiently Merge JavaScript Objects?

Menggabungkan Sifat Objek JavaScript: Panduan Komprehensif

Dalam JavaScript, menggabungkan dua objek selalunya diperlukan untuk menggabungkan sifatnya menjadi satu entiti. Ini amat berguna apabila bekerja dengan data daripada berbilang sumber atau apabila menggabungkan pilihan konfigurasi daripada modul yang berbeza.

Kaedah Terbina dalam

ECMAScript 2018: Penyebaran Objek

Operator penyebaran objek (...) membolehkan anda menggabungkan dua atau lebih objek dengan mudah. Sintaksnya adalah seperti berikut:

let merged = {...obj1, ...obj2};
Salin selepas log masuk

Objek gabungan yang terhasil akan mengandungi semua sifat daripada kedua-dua obj1 dan obj2, dengan sifat kemudiannya menimpa yang lebih awal.

ECMAScript 2015: Object .assign()

Object.assign(obj1, obj2);
Salin selepas log masuk

Serupa dengan spread operator, Object.assign() menggabungkan sifat dari obj2 ke obj1. Walau bagaimanapun, obj1 akan dimutasi dan dikembalikan. Selain itu, berbilang objek boleh digabungkan menggunakan kaedah ini.

ES5 dan Terdahulu

Atas sebab keserasian, anda boleh menggunakan gelung for-in untuk menggabungkan objek:

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }
Salin selepas log masuk

Semasa ini berfungsi, ia hanya menambahkan sifat obj2 pada obj1 dan mungkin menimpa yang sedia ada satu.

Fungsi Cantuman Tersuai

Jika anda memerlukan lebih kawalan ke atas proses cantuman, anda boleh mencipta fungsi tersuai:

function merge_options(obj1, obj2) {
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}
Salin selepas log masuk

Ini fungsi mencipta objek baharu berdasarkan obj1 dan obj2, memberikan fleksibiliti untuk menyesuaikan gelagat penggabungan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggabungkan Objek JavaScript dengan Cekap?. 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