Objek JavaScript menangani banyak properti yang merupakan nilai pasangan kunci. Properti ini digunakan untuk menentukan kualitas dan karakteristik objek yang ditentukan dalam JavaScript. Saat objek dibuat, properti yang relevan dapat ditambahkan, dihapus, dan dimodifikasi secara dinamis. Lebih khusus lagi, ada beberapa metode JavaScript yang tersedia untuk menambahkan properti ke objek.
Posting ini akan menyatakan beberapa metode untuk menambahkan properti ke objek dalam JavaScript.
Bagaimana cara Menambahkan/Menyisipkan Properti ke Objek di JavaScript?
Sekarang, kita akan membahas metode berikut untuk menambahkan properti ke objek:
- Metode 1: Menambahkan Properti Menggunakan notasi titik (.)
- Metode 2: Menambahkan Properti Menggunakan metode Object.assign()
- Metode 3: Menambahkan Properti Menggunakan metode Object.defineProperty()
Metode 1: Menambahkan Properti ke Objek Menggunakan notasi titik (.)
Notasi titik adalah metode untuk mengakses properti objek. Saat menulis dalam notasi titik, pertama-tama Anda harus menulis nama objek, lalu titik (.), lalu masukkan nama properti.
Contoh
Pertama, deklarasikan objek dengan bantuan “ membiarkan ” kata kunci dan tetapkan properti ke objek yang ditentukan di dalam blok:
biarkan keberatan = {
nama : 'Petugas' ,
usia : 14 ,
} ;
Menggunakan ' konsol.log() ” metode dan berikan argumen “ keberatan ” untuk ditampilkan di konsol:
menghibur. catatan ( keberatan ) ;Sekarang, tambahkan properti dengan bantuan notasi titik:
obj. pendidikan = 'Insinyur Perangkat Lunak' ;
Menampilkan keluaran di konsol:
menghibur. catatan ( keberatan ) ;Keluaran
Metode 2: Menambahkan Properti ke Objek Menggunakan Metode Object.assign()
Kita juga bisa menggunakan “ menetapkan() ” metode bawaan JavaScript untuk menambahkan properti dalam suatu objek. The “ Objek.assign() ” adalah metode statis JavaScript yang digunakan untuk menyalin semua fitur dan properti yang dapat dihitung dari satu atau lebih objek sumber untuk menargetkan objek.
Sintaksis
Untuk menggunakan metode object.assign() , periksa sintaks yang diberikan:
Obyek . menetapkan ( target , sumber ) ;Dalam sintaks di atas:
- “ target ” menentukan objek di mana nilai properti akan disalin.
- “ sumber ” menunjukkan objek tempat nilai properti masing-masing harus disalin.
Contoh
Dalam contoh ini, pertama-tama, deklarasikan variabel dan tetapkan propertinya. Kemudian, deklarasikan variabel lain dengan mengikuti prosedur yang sama:
biarkan karyawan = { nama : 'Diana' , usia : 23 } ;biar informasi = { jenis kelamin : 'Perempuan' , kebangsaan : 'Kanada' } ;
Menggunakan ' Objek.assign() ” metode dan berikan argumen, di mana parameter pertama adalah objek target dan parameter kedua adalah objek sumber. Metode ini akan menyalin semua nilai sumber dalam nilai yang ditargetkan:
Obyek . menetapkan ( karyawan , informasi ) ;Kemudian, aktifkan “ konsol.log() ” metode untuk menampilkan hasil di konsol:
menghibur. catatan ( karyawan ) ;menghibur. catatan ( informasi ) ;
Keluaran
Metode 3: Menambahkan Properti ke Objek Menggunakan Metode Object.defineProperty()
The “ Object.defineProperty() ” adalah metode statis JavaScript yang digunakan untuk mendefinisikan properti terbaru dan baru secara langsung ke objek atau mengubah properti objek yang ada dan mengembalikan objek.
Sintaksis
Untuk menggunakan “ Object.defineProperty() ” metode, ikuti sintaks yang diberikan:
Obyek . defineProperty ( keberatan , properti_baru , konfigurasi ) ;Di Sini:
- “ keberatan ” mengacu pada objek.
- “ properti_baru ” menentukan properti yang akan ditambahkan.
- “ konfigurasi ” mendefinisikan nilai yang dapat diubah dan dimodifikasi.
Contoh
Deklarasikan objek dengan bantuan ' membiarkan ” kata kunci:
biarkan keberatan = { } ;Gunakan “ Object.defineProperty() ” dan berikan argumen, dan tetapkan nilai untuk properti yang dapat ditulis sebagai benar. Karenanya, properti id dari objek obj dapat diubah sekarang:
Obyek . defineProperty ( keberatan , 'pengenal' , {nilai : 137 ,
dapat ditulis : BENAR
} ) ;
Tambahkan properti dengan bantuan “ obj.id ” dan tetapkan nilainya:
obj. pengenal = 214 ;Menurut argumen yang diteruskan, konsol akan menampilkan nilai properti yang diubah:
menghibur. catatan ( 'ID Objek:' , obj. pengenal ) ;Tetapkan nilai properti yang dapat ditulis sebagai false. Akibatnya, properti name objek obj tidak dapat diubah sekarang:
Obyek . defineProperty ( keberatan , 'nama' , {nilai : 'Petugas' ,
dapat ditulis : PALSU } ) ;
Tambahkan properti dengan bantuan “ obj.nama ” dan tetapkan nilainya:
obj. nama = 'Hafsa Javed' ;Menurut argumen yang diteruskan, konsol tidak akan menampilkan nilai properti baru (Hafsa Javed) yang diteruskan tetapi nilai yang lebih lama (Hafsa):
menghibur. catatan ( 'Nama Objek:' , obj. nama ) ;Itu semua tentang menambahkan properti ke objek di JavaScript.
Kesimpulan
Untuk menambahkan properti ke objek dalam JavaScript, beberapa metode dapat digunakan. Pengguna dapat menambahkan properti ke objek dengan menggunakan ' notasi titik (.) ”, “ Objek.assign() ” metode, atau “ Object.defineProperty() ' metode. Posting ini menyatakan beberapa metode untuk menambahkan properti ke objek dalam JavaScript.