Fungsi penetapan objek dalam javascript

“Objek. metode assign()” digunakan untuk mengkloning pasangan “nilai kunci” yang dapat dihitung dari objek sumber yang sudah dibuat ke objek target. Ini terutama digunakan untuk melakukan prosedur penyalinan "Dangkal".

Sintaks menggunakan Objek JavaScript. metode assign() untuk mengkloning objek

Objek . tetapkan( target, sumber )

Di sini, "target" mewakili objek JavaScript yang pasangan nilai kuncinya akan digandakan, dan "sumber" menunjukkan objek tempat pasangan nilai kunci yang disalin akan ditempatkan

Contoh. Cara mengkloning objek menggunakan Objek JavaScript. menetapkan () metode

Pertama-tama, kita akan membuat objek "karyawan", yang memiliki dua pasangan nilai kunci dan objek kosong bernama "emp1"

const karyawan = {

nama . 'Alex' ,

sebutan . 'Pengelola'

};

biarkan emp1 = { };

Kemudian, kita akan mengkloning properti objek "karyawan" ke objek "emp1" menggunakan JavaScript "Object. menetapkan ()” metode. Untuk melakukannya, kami akan menetapkan "emp1" sebagai objek "target" dan "karyawan" sebagai objek "sumber".

Objek . tugaskan( emp1, karyawan );

Eksekusi “Objek. metode assign()” akan mengembalikan objek target yaitu “emp1” dalam kasus kita

Sekarang kita akan memodifikasi nilai dari “employee. name” dan periksa apakah perubahan yang ditambahkan juga mencerminkan objek “emp1” yang dikloning atau tidak

karyawan. nama = 'Stepheny';

konsol. log("emp1 nama. " + emp1. nama);

konsol. log("karyawan. nama. " + karyawan. nama);

Seperti yang Anda lihat dari output yang diberikan di bawah ini yang mengubah file "employee. name” nilai properti belum mengubah objek “emp1”. Ini karena objek target "emp1" terputus dari objek "karyawan" setelah mengkloning nilainya

Namun, ketika objek referensi dalam ditambahkan, JavaScript “Object. metodeassign()” akan menyalin referensinya, bukan objek yang sebenarnya. Dalam skenario seperti itu, objek sumber dan target merujuk ke objek referensi dalam yang sama, dan perubahan yang dilakukan pada properti objek sumber juga akan memengaruhi nilai properti objek target.

Misalnya, dalam objek "pegawai", kami akan menambahkan "alamat" sebagai objek referensi dalam yang terdiri dari Properti "kota".

const karyawan = {

alamat . {

kota .   'Ankara'

}

};

Setelah itu, kami akan mengkloning properti dari objek "karyawan" di "emp1"

biarkan emp1 = { };

Objek . tugaskan( emp1, karyawan );

Keluaran

Pada titik ini, objek "emp1" mengacu pada alamat memori dari objek "alamat" yang direferensikan dalam dari "karyawan" dan dapat mengakses pasangan nilai kuncinya

konsol. log("emp1. alamat. kota. " + emp1. alamat . kota);

konsol. log("karyawan. alamat. kota. " + karyawan. alamat . kota);

Keluaran yang diberikan menunjukkan bahwa "Ankara" ditetapkan sebagai nilai properti "alamat" untuk objek "karyawan" dan "emp1"

Sekarang, jika kita mengubah nilai “address. city” milik objek “karyawan” maka perubahan akan diterapkan ke objek “emp1” yang disalin juga

karyawan. alamat . kota = 'Istanbul';

konsol. log("emp1. alamat. kota. " + emp1. alamat . kota);

konsol. log("karyawan. alamat. kota. " + karyawan. alamat . kota);

“Konsol. log()” metode akan menampilkan “Istanbul” sebagai “alamat. city” nilai properti untuk objek “karyawan” dan “karyawan”.

Sekarang, mari kita periksa metode penggabungan objek menggunakan Objek JavaScript. menetapkan () metode

Cara menggabungkan objek menggunakan Objek JavaScript. menetapkan () metode

Di JavaScript, Anda juga dapat menggunakan opsi “Object. assign()” untuk menggabungkan objek sumber yang berbeda menjadi satu objek target. Untuk tujuan ini, Anda harus mengikuti sintaks yang diberikan di bawah ini

Sintaks menggunakan Objek JavaScript. metode assign() untuk menggabungkan objek

target = Objek . tetapkan({ } , );

Di sini, "sumber1", dan "sumber2" mewakili beberapa objek yang propertinya akan digabungkan dalam objek "target", menggunakan "Objek. menetapkan ()” metode

Contoh. Cara menggabungkan objek menggunakan Objek JavaScript. menetapkan () metode

Untuk mendemonstrasikan prosedur penggabungan objek dengan menggunakan metode “Object. assign()”, pertama-tama kita akan membuat dua objek bernama “fruit” dan “vegetable”

const buah = { nama buah : 'Apel'};

const sayur = { namasayuran : 'Kentang'};

Setelah melakukannya, kami akan memanggil "Object. assign()” untuk menggabungkan objek “buah” dan “sayuran” di objek target “makanan” yang saat ini kosong {}

const makanan yang bisa dimakan = Objek . tetapkan({} , );

konsol. log( makanan );

Sebagai hasil dari eksekusi, “console. log()” akan mencetak properti objek “eatables” dan nilainya masing-masing di konsol

Namun, jika Anda ingin menambahkan properti ke objek "target" sebelum melakukan operasi penggabungan, lihat sintaks berikut

target = Objek . menetapkan({ properti . 'nilai' } , sumber1, sumber2 );

Menurut sintaks di atas, “properti. value” mewakili key-value pair yang akan ditambahkan ke objek “target”, kemudian objek “Object. metode assign()” akan menggabungkan objek “source1” dan “source2” dalam objek “target” yang ditentukan

Untuk memahami konsep yang dinyatakan dengan jelas, jalankan kode yang diberikan di bawah ini

const makanan yang bisa dimakan = Objek . tetapkan({ snack . 'kue' } , buah, sayur );

konsol. log( makanan );

Di sini, "Objek. metodeassign()” akan menggabungkan properti objek “buah” dan “sayuran” dalam objek “makanan”, setelah menambahkan objek “{snacks. 'cookie'}” key-value pair untuk itu

Kami telah mengumpulkan informasi penting terkait penggunaan Objek JavaScript. metode assign() untuk menyalin dan menggabungkan objek. Jelajahi mereka lebih jauh sesuai dengan preferensi Anda

Kesimpulan

Objek JavaScript. metode assign() digunakan untuk mengkloning pasangan nilai kunci yang dapat dihitung dari objek yang sudah dibuat. Metode ini menerima dua argumen. sumber dan target, di mana "sumber" mewakili objek yang propertinya akan digandakan dalam objek "target". Itu juga dipanggil untuk menggabungkan satu atau lebih banyak objek menjadi satu objek. Tulisan ini membahas cara kerja Objek JavaScript. menetapkan () metode

Apa yang ditetapkan objek () lakukan?

Bisakah Anda meletakkan fungsi di objek JavaScript?

Bagaimana cara menetapkan nilai objek dalam JavaScript?

Bagaimana cara menetapkan properti objek dalam JavaScript?