Objek JavaScript mengendalikan berbilang sifat yang merupakan nilai pasangan kunci. Sifat ini digunakan untuk menentukan kualiti dan ciri objek yang ditentukan dalam JavaScript. Apabila objek dibuat, sifat berkaitannya boleh ditambah, dipadam dan diubah suai secara dinamik. Lebih khusus lagi, terdapat berbilang kaedah JavaScript yang tersedia untuk menambahkan sifat pada objek.
Siaran ini akan menyatakan berbilang kaedah untuk menambah harta pada objek dalam JavaScript.
Bagaimana untuk Menambah/Memasukkan Harta pada Objek dalam JavaScript?
Sekarang, kami akan merangkumi kaedah berikut untuk menambah sifat pada objek:
- Kaedah 1: Tambah Harta Menggunakan notasi titik (.)
- Kaedah 2: Tambah Harta Menggunakan kaedah Object.assign().
- Kaedah 3: Tambah Harta Menggunakan kaedah Object.defineProperty().
Kaedah 1: Tambah Harta pada Objek Menggunakan notasi titik (.)
Notasi titik ialah kaedah untuk mengakses sifat objek. Apabila menulis dalam notasi titik, anda perlu menulis nama objek dahulu, kemudian titik (.), dan kemudian masukkan nama harta tersebut.
Contoh
Pertama, isytiharkan objek dengan bantuan ' biarkan ” kata kunci dan tetapkan sifat kepada objek yang ditentukan dalam blok:
biarkan obj = {
nama : 'Pegawai' ,
umur : 14 ,
} ;
Menggunakan ' console.log() ' kaedah dan lulus hujah ' obj ” untuk ditunjukkan pada konsol:
konsol. log ( obj ) ;Sekarang, tambahkan harta dengan bantuan notasi titik:
obj. pendidikan = 'Jurutera perisian' ;
Paparkan output pada konsol:
konsol. log ( obj ) ;Pengeluaran
Kaedah 2: Tambah Harta pada Objek Menggunakan Kaedah Object.assign().
Kita juga boleh menggunakan ' berikan () ” kaedah terbina dalam JavaScript untuk menambah sifat dalam objek. ' Object.assign() ” ialah kaedah statik JavaScript yang digunakan untuk menyalin semua ciri dan sifat boleh dikira daripada satu atau lebih objek sumber untuk menyasarkan objek.
Sintaks
Untuk menggunakan kaedah object.assign(), lihat sintaks yang diberikan:
Objek . tugaskan ( sasaran , sumber ) ;Dalam sintaks di atas:
- “ sasaran ” menentukan objek di mana nilai harta akan disalin.
- “ sumber ” menunjukkan objek di mana nilai sifat masing-masing harus disalin.
Contoh
Dalam contoh ini, pertama, isytiharkan pembolehubah dan tetapkan sifat. Kemudian, isytiharkan pembolehubah lain dengan mengikuti prosedur yang sama:
biarkan pekerja = { nama : 'Diana' , umur : 23 } ;biarkan maklumat = { jantina : 'Perempuan' , kewarganegaraan : 'Kanada' } ;
Menggunakan ' Object.assign() ” dan lulus hujah, di mana parameter pertama ialah objek sasaran dan parameter kedua ialah objek sumber. Kaedah ini akan menyalin semua nilai sumber dalam nilai yang disasarkan:
Objek . tugaskan ( pekerja , maklumat ) ;Kemudian, panggil ' console.log() ” kaedah untuk memaparkan hasil pada konsol:
konsol. log ( pekerja ) ;konsol. log ( maklumat ) ;
Pengeluaran
Kaedah 3: Tambah Harta pada Objek Menggunakan Kaedah Object.defineProperty().
' Object.defineProperty() ” ialah kaedah statik JavaScript yang digunakan untuk menentukan sifat terkini dan baharu secara terus kepada objek atau menukar sifat sedia ada objek dan mengembalikan objek.
Sintaks
Untuk menggunakan ' Object.defineProperty() ”, ikut sintaks yang diberikan:
Objek . defineProperty ( obj , new_property , konfigurasi ) ;di sini:
- “ obj ” merujuk kepada objek.
- “ new_property ” menentukan harta yang akan ditambah.
- “ konfigurasi ” mentakrifkan nilai yang boleh diubah dan diubah suai.
Contoh
Menyatakan objek dengan bantuan “ biarkan ” kata kunci:
biarkan obj = { } ;Gunakan ' Object.defineProperty() ” dan lulus hujah, dan tetapkan nilai untuk sifat boleh tulis sebagai benar. Oleh itu, sifat id objek obj boleh diubah sekarang:
Objek . defineProperty ( obj , 'ID' , {nilai : 137 ,
boleh ditulis : benar
} ) ;
Tambahkan sifat dengan bantuan “ obj.id ” dan tetapkan nilai:
obj. ID = 214 ;Menurut hujah yang diluluskan, konsol akan memaparkan nilai harta yang diubah:
konsol. log ( 'ID Objek:' , obj. ID ) ;Tetapkan nilai harta boleh tulis sebagai palsu. Akibatnya, sifat nama objek obj tidak boleh ditukar sekarang:
Objek . defineProperty ( obj , 'nama' , {nilai : 'Pegawai' ,
boleh ditulis : salah } ) ;
Tambahkan sifat dengan bantuan “ nama obj ” dan tetapkan nilai:
obj. nama = 'Hafsa Javed' ;Menurut hujah yang diluluskan, konsol tidak akan memaparkan nilai harta baharu(Hafsa Javed) yang diluluskan tetapi nilai yang lebih lama(Hafsa):
konsol. log ( 'Nama Objek:' , obj. nama ) ;Itu sahaja tentang menambah harta pada objek dalam JavaScript.
Kesimpulan
Untuk menambah harta pada objek dalam JavaScript, pelbagai kaedah boleh digunakan. Pengguna boleh menambah harta pada objek dengan menggunakan ' notasi titik(.) ”, “ Object.assign() ' kaedah, atau ' Object.defineProperty() ” kaedah. Siaran ini menyatakan pelbagai kaedah untuk menambah harta pada objek dalam JavaScript.