Siaran ini akan menerangkan perbezaan antara Peta dan Objek dalam JavaScript.
Bagaimana untuk Menentukan Objek dalam JavaScript?
Dalam JavaScript, objek ialah koleksi sifat, masing-masing dengan pasangan nilai kunci. ' kunci ' adalah ' nama ”, dan “ nilai ” ialah “nilai” terhadap kunci. Objek boleh mewakili objek dunia sebenar, seperti kereta, seseorang atau akaun bank. Mereka juga boleh mewakili lebih banyak objek abstrak, seperti titik matematik dalam ruang, warna atau tarikh.
Sintaks
Objek boleh dibuat menggunakan kurungan {} notasi objek literal atau pembina Objek. Menggunakan notasi literal atau kurungan, gunakan sintaks di bawah:
const objek = {
kunci : nilai,
kunci : nilai
}
Mencipta objek menggunakan pembina Objek atau ' baru ” kata kunci, gunakan sintaks berikut:
const objek = baru Objek ( ) ;
objek. kunci = nilai ;
Catatan: Perlu diingat kekunci atau nama sifat objek mestilah rentetan.
Contoh 1: Cipta Objek Menggunakan Notasi Literal dalam JavaScript
Dalam contoh berikut, kami akan mencipta objek yang dipanggil ' stdObject ” menggunakan tatatanda literal atau kurungan:
var stdObject = {
nama : 'John' ,
umur : 18 ,
rollno : 25 ,
standard : 9
}
Cetak objek pada konsol:
konsol. log ( stdObject ) ;Pengeluaran
Contoh 2: Cipta Objek Menggunakan Pembina Objek dalam JavaScript
Di sini, kami akan mencipta objek menggunakan pembina Objek menggunakan ' baru ” kata kunci:
const stdObject = baru Objek ( ) ;Sekarang, tambahkan sifat (nilai kunci) objek menggunakan notasi dot(.):
stdObject. nama = 'sial' ;stdObject. umur = 19 ;
stdObject. rollno = lima belas ;
stdObject. standard = 10 ;
Akhir sekali, paparkan objek pada konsol menggunakan ' console.log() ' kaedah:
konsol. log ( stdObject ) ;Pengeluaran
Bagaimana untuk Menentukan Peta dalam JavaScript?
Dalam JavaScript, ' Peta ” ialah struktur data yang memegang pasangan nilai kunci yang serupa dengan objek. Ia membolehkan anda mengaitkan data dengan kunci dan mendapatkan semula data kemudian dengan menggunakan kekunci. Peta boleh digunakan untuk melaksanakan kamus, jadual cincang dan struktur data lain yang memetakan kunci kepada nilai.
Sintaks
Untuk memulakan Peta gunakan sintaks berikut:
const peta = baru Peta ( [[ 'kunci' , 'nilai' ] ,
[ 'kunci' , 'nilai' ]
] ) ;
Anda juga boleh membuat Peta menggunakan pembina Peta atau dengan menggunakan operator baharu, dan tetapkan nilai menggunakan ' set() ' kaedah:
const peta = baru Peta ( ) ;peta. ditetapkan ( 'kunci' , 'nilai' ) ;
Contoh: Buat Peta dalam JavaScript
Dalam contoh yang diberikan, kami akan mencipta Peta menggunakan kedua-dua sintaks.
Buat Peta menggunakan kaedah permulaan. Di sini, kami akan menetapkan kunci sebagai rentetan sementara anda boleh menetapkan kunci dalam Peta dalam sebarang jenis:
const mapStd = Peta baru ( [[ 'nama' , 'John' ] ,
[ 'umur' , 18 ] ,
[ 'rollno' , 25 ] ,
[ 'standard' , 9 ] ,
] ) ;
Atau buat Peta dengan memanggil pembina Peta atau kata kunci/pengendali baharu:
const mapStd = baru Peta ( ) ;Tetapkan nilai dalam Peta dalam pasangan nilai kunci menggunakan ' set() ' kaedah:
mapStd. ditetapkan ( 'nama' , 'John' ) ;mapStd. ditetapkan ( 'umur' , 18 ) ;
mapStd. ditetapkan ( 'rollno' , 25 ) ;
mapStd. ditetapkan ( 'standard' , 9 ) ;
Untuk mencetak peta pada konsol, gunakan “ entri() ' kaedah dengan ' untuk-untuk 'gelung:
untuk ( const [ kunci, nilai ] daripada mapStd. entri ( ) ) {konsol. log ( `$ { kunci } : $ { nilai } ` ) ;
}
Atau untuk mengakses nilai mana-mana kunci/harta tertentu, gunakan “ dapatkan() ' kaedah:
konsol. log ( 'Rollno' + mapStd. dapatkan ( 'nama' ) + 'adalah' + mapStd. dapatkan ( 'rollno' ) ) ;Output menunjukkan semua sifat Peta dan nilai sifat tertentu:
Peta vs Objek dalam JavaScript
Perbezaan utama antara Peta dan Objek adalah seperti berikut:
| Peta | Objek |
| Ia telah diperkenalkan dalam ECMAScript 6 pada tahun 2015. | JavaScript memperkenalkan jenis data Objek dalam versi pertamanya (ECMAScript 1) dikeluarkan pada tahun 1997. |
| Peta membenarkan kekunci sebarang jenis data (cth., objek, fungsi, nombor, dsb.). | Kekunci objek mestilah rentetan. |
| Sifat-sifat Peta boleh diakses menggunakan kaedah get(). | Sifat objek boleh diakses menggunakan tatatanda titik atau tanda kurungan segi empat sama. |
| Peta mempunyai sifat saiz terbina dalam untuk mengembalikan bilangan pasangan nilai kunci | Objek tidak mempunyai ciri ini. |
| Peta boleh diubah. Ia membenarkan gelung melalui semua pasangan nilai kunci menggunakan beberapa kaedah terbina dalam seperti forEach(), keys(), values(), dan entries(). | Objek tidak boleh diubah. Terdapat keperluan untuk menggunakan gelung 'untuk-dalam' atau kaedah Object.entry() untuk lelaran pasangan nilai kunci. |
| Peta dipesan. | Objek tidak tertib. |
Apabila bekerja dengan set data yang kecil, perbezaan prestasi antara Peta dan objek boleh diabaikan, tetapi apabila bekerja dengan set data yang lebih besar, Peta boleh menjadi lebih pantas kerana ia dioptimumkan untuk prestasi.
Bilakah Peta Lebih Suka Daripada Objek Dalam JavaScript?
Apabila anda perlu menyimpan pasangan nilai kunci dalam bentuk tersusun atau nilai sebagai kunci adalah sebarang jenis data, seperti nombor, objek atau simbol, gunakan ' Peta ” struktur data. Objek akan digunakan apabila anda perlu menggunakan rentetan sebagai kunci dan apabila anda tidak memerlukan sebarang ciri Peta. Perbezaan prestasi antara Peta dan objek boleh diabaikan semasa bekerja dengan set data yang kecil, tetapi apabila bekerja dengan set data yang lebih besar, Peta boleh menjadi lebih pantas kerana ia dioptimumkan untuk prestasi.
Kesimpulan
Peta dan Objek kedua-duanya digunakan untuk menyimpan data sebagai pasangan nilai kunci dalam JavaScript, tetapi ia mempunyai beberapa perbezaan. Map ialah struktur data yang lebih berkuasa dan fleksibel daripada Object, dan merupakan pilihan pilihan apabila anda perlu menyimpan pasangan nilai kunci yang perlu dipesan, mempunyai kunci jenis data yang berbeza atau mempunyai sifat saiz. Siaran ini menerangkan perbezaan antara Peta dan Objek dalam JavaScript.