- Menggunakan Kaedah Object.assign() untuk Menambah Nilai pada Objek dalam JavaScript
- Menggunakan Kaedah push() untuk Menambah Nilai pada Objek dalam JavaScript
- Menggunakan operator spread (…) untuk Menambah Nilai pada Objek dalam JavaScript
Kaedah 1: Menggunakan Kaedah Object.assign() untuk Menambah Nilai pada Objek dalam JavaScript
The Object.assign() kaedah adalah yang terkenal untuk menambahkan nilai pada objek. Ia memerlukan dua hujah. Yang pertama mewakili objek sasaran, dan hujah kedua mengambil pasangan kunci/nilai. Sintaks daripada Object.assign() kaedah disediakan di bawah:
Sintaks
Objek . tugaskan ( sasaran, sumber ) ;
Parameter diterangkan di sini:
- sasaran : menentukan objek kepada siapa nilai akan dilampirkan.
- sumber : merujuk kepada nilai yang dilampirkan.
Mari kita fahami cara kerja kaedah ini melalui kod contoh berikut:
Kod
konsol. log ( 'Contoh untuk menggunakan kaedah assign()' ) ;
benarkan user_obj = {
1 : { nama : 'Adam' } ,
dua : { nama : 'Harry' } ,
} ;
biarkan obj = Objek . tugaskan ( pengguna_obj, { 3 : { nama : 'Jasam' } } ) ;
konsol. log ( obj ) ;
Dalam kod ini:
- pertama, “Adam” dan “Harry” diberikan sebagai nilai kepada “nama” harta benda.
- The Object.assign() kaedah digunakan untuk menambahkan a 'Jasam' nilai kepada “pengguna_obj” objek.
- Akhirnya, yang console.log() kaedah digunakan untuk membentangkan semua nilai dalam tetingkap konsol.
Pengeluaran
Ia diperhatikan dari output bahawa nilai baru berjaya ditambahkan pada objek.
Kaedah 2: Menggunakan Kaedah push() untuk Menambah Nilai pada Objek Tatasusunan dalam JavaScript
The tolak() kaedah boleh digunakan untuk menambah atau memasukkan satu atau berbilang nilai pada tatasusunan. Kaedah ini mengembalikan tatasusunan baharu selepas menambahkan nilai. Mari kita lihat sama ada ia berfungsi melalui sintaks berikut:
Sintaks
arr. menolak ( nilai1, nilai2, ..., nilaiN )Dalam sintaks ini, “nilai1”, “nilai2” dan 'nilaiN' adalah nilai yang perlu dilampirkan pada ' arr ” pembolehubah.
Kod
konsol. log ( 'Contoh untuk menggunakan kaedah assign()' ) ;const sukan = [ 'kriket' , 'hoki' , 'bola sepak' ] ;
const kaunter = sukan. menolak ( 'bola keranjang' ) ;
konsol. log ( kaunter ) ;
konsol. log ( sukan ) ;
Penerangan kod disediakan di sini:
- Tatasusunan bernama “sukan” dicipta yang mengandungi tiga elemen iaitu, “kriket”, “hoki” dan “bola sepak” .
- Selepas itu, nilai “bola keranjang” dilampirkan kepada menggunakan sukan.push() kaedah dalam JavaScript.
- Pada akhirnya, console.log() kaedah memaparkan tatasusunan dalam tetingkap konsol .
Pengeluaran
Output menunjukkan bahawa “bola keranjang” nilai dilampirkan pada sukan objek dengan menggunakan tolak() kaedah.
Kaedah 3: Menggunakan Operator Spread (…) untuk Menambah Nilai pada Objek dalam JavaScript
Operator spread (…) digunakan untuk menambahkan nilai pada objek dalam JavaScript. Ia berguna untuk menggabungkan objek ke satu tempat. Sintaks pengendali penyebaran disediakan di bawah:
Sintaks
{ ... obj , kunci : 'nilai' }Dalam sintaks ini, “nilai” ditugaskan kepada kunci dalam objek obj .
Contoh kod operator spread untuk menambahkan nilai pada objek disediakan di bawah:
Kod
konsol. log ( 'Contoh untuk menggunakan operator spread' ) ;biarkan obj1 = { nama : 'Harry' } ;
obj2 = { ... obj1 , warna : 'putih' } ;
konsol. log ( obj2 ) ;
Dalam kod ini:
- An 'obj1 ” digunakan untuk menyimpan elemen nama dengan memberikan nilai “Harry” .
- Selepas itu, yang “putih” nilai ditambah kepada 'obj1' .
- Pada akhirnya, console.log() kaedah memaparkan nilai yang dilampirkan dalam tetingkap konsol.
Pengeluaran
Output menunjukkan objek baru ' obj2 ” yang mengandungi nilai daripada objek “ obj1 ” serta nilai yang dilampirkan “ putih ”.
Kesimpulan
JavaScript menyediakan dua kaedah, iaitu, Object.assign() dan tolak() untuk menambahkan nilai pada objek.
The Object.assign() kaedah menambahkan nilai pada objek dengan pasangan kunci/nilai. The tolak() kaedah menambah satu atau berbilang nilai ke dalam tatasusunan. Walau bagaimanapun sebar (…) operator juga boleh digunakan untuk menambahkan nilai pada objek. Siaran ini telah menunjukkan semua kemungkinan untuk menambahkan nilai pada objek dalam JavaScript.