- Menggunakan Metode Object.assign() untuk Menambahkan Nilai ke Objek di JavaScript
- Menggunakan Metode push() untuk Menambahkan Nilai ke Objek dalam JavaScript
- Menggunakan operator spread (...) untuk Menambahkan Nilai ke Objek di JavaScript
Metode 1: Menggunakan Metode Object.assign() untuk Menambahkan Nilai ke Objek di JavaScript
Itu Objek.assign() metode adalah yang terkenal untuk menambahkan nilai ke objek. Dibutuhkan dua argumen. Yang pertama mewakili objek target, dan argumen kedua mengambil pasangan kunci/nilai. Sintaks dari Objek.assign() metode disediakan di bawah ini:
Sintaksis
Obyek . menetapkan ( sasaran, sumber ) ;
Parameter dijelaskan di sini:
- target : menentukan objek yang akan ditambahkan nilai.
- sumber : mengacu pada nilai yang ditambahkan.
Mari kita pahami cara kerja metode ini melalui kode contoh berikut:
Kode
menghibur. catatan ( 'Contoh untuk menggunakan metode assign()' ) ;
biarkan user_obj = {
1 : { nama : 'Adam' } ,
dua : { nama : 'Harry' } ,
} ;
biarkan obj = Obyek . menetapkan ( pengguna_obj, { 3 : { nama : 'Jasam' } } ) ;
menghibur. catatan ( obj ) ;
Dalam kode ini:
- Pertama, “Adam” dan “Harry” ditugaskan sebagai nilai untuk 'nama' Properti.
- Itu Objek.assign() metode yang digunakan untuk menambahkan 'Jasam' nilai untuk “pengguna_obj” obyek.
- Akhirnya, konsol.log() metode ini digunakan untuk menampilkan semua nilai di jendela konsol.
Keluaran
Hal ini diamati dari output bahwa nilai baru berhasil ditambahkan ke objek.
Metode 2: Menggunakan Metode push() untuk Menambahkan Nilai ke Objek Array di JavaScript
Itu dorongan() metode dapat digunakan untuk menambah atau menyisipkan satu atau beberapa nilai ke array. Metode ini mengembalikan array baru setelah menambahkan nilai. Mari kita lihat apakah itu berfungsi melalui sintaks berikut:
Sintaksis
arr. dorongan ( nilai1, nilai2, ..., nilaiN )Dalam sintaks ini, “nilai1”, “nilai2” dan 'nilaiN' adalah nilai yang akan ditambahkan ke ' arr ' variabel.
Kode
menghibur. catatan ( 'Contoh untuk menggunakan metode assign()' ) ;konstan olahraga = [ 'jangkrik' , 'hoki' , 'sepak bola' ] ;
konstan menangkal = olahraga. dorongan ( 'bola basket' ) ;
menghibur. catatan ( menangkal ) ;
menghibur. catatan ( olahraga ) ;
Deskripsi kode disediakan di sini:
- Sebuah array bernama 'olahraga' dibuat yang terdiri dari tiga elemen yaitu, 'kriket', 'hoki' dan 'sepak bola' .
- Setelah itu, nilai 'bola basket' ditambahkan menggunakan olahraga.push() metode dalam JavaScript.
- Pada akhirnya, konsol.log() metode menampilkan array di jendela konsol .
Keluaran
Outputnya menunjukkan bahwa 'bola basket' nilai ditambahkan ke olahraga objek dengan memanfaatkan dorongan() metode.
Metode 3: Menggunakan Operator Spread (...) untuk Menambahkan Nilai ke Objek di JavaScript
Operator spread (...) digunakan untuk menambahkan nilai ke objek dalam JavaScript. Berguna untuk menggabungkan objek menjadi satu tempat. Sintaks dari operator spread disediakan di bawah ini:
Sintaksis
{ ... obj , kunci : 'nilai' }Dalam sintaks ini, 'nilai' ditugaskan untuk kunci di dalam objek obj .
Contoh kode operator spread untuk menambahkan nilai ke objek disediakan di bawah ini:
Kode
menghibur. catatan ( 'Contoh untuk menggunakan operator spread' ) ;biarkan obj1 = { nama : 'Harry' } ;
obj2 = { ... obj1 , warna : 'putih' } ;
menghibur. catatan ( obj2 ) ;
Dalam kode ini:
- Sebuah 'obj1 ” digunakan untuk menyimpan elemen nama dengan memberikan nilai “Harry” .
- Setelah itu, 'putih' nilai ditambahkan ke 'obj1' .
- Pada akhirnya, konsol.log() metode menampilkan nilai yang ditambahkan di jendela konsol.
Keluaran
Output menunjukkan objek baru “ obj2 ” yang berisi nilai dari objek “ obj1 ” serta nilai yang ditambahkan “ putih ”.
Kesimpulan
JavaScript menyediakan dua metode, yaitu, Objek.assign() dan dorongan() untuk menambahkan nilai ke objek.
Itu Objek.assign() metode menambahkan nilai ke objek dengan pasangan kunci/nilai. Itu dorongan() metode menambahkan satu atau beberapa nilai ke dalam array. Namun, sebaran (…) operator juga dapat digunakan untuk menambahkan nilai ke suatu objek. Posting ini telah menunjukkan semua kemungkinan untuk menambahkan nilai ke objek dalam JavaScript.