Posting ini akan menjelaskan perbedaan antara Peta dan Objek dalam JavaScript.
Bagaimana Cara Mendefinisikan Objek dalam JavaScript?
Dalam JavaScript, objek adalah kumpulan properti, masing-masing dengan pasangan nilai kunci. “ kunci ' adalah ' nama ”, dan “ nilai ” adalah 'nilai' terhadap kunci. Objek dapat mewakili objek dunia nyata, seperti mobil, orang, atau rekening bank. Mereka juga dapat mewakili objek yang lebih abstrak, seperti titik matematis dalam ruang, warna, atau tanggal.
Sintaksis
Objek bisa dibuat menggunakan tanda kurung {} notasi objek literal atau konstruktor Object. Menggunakan notasi literal atau tanda kurung, gunakan sintaks di bawah ini:
const obyek = {
kunci : nilai,
kunci : nilai
}
Membuat objek menggunakan konstruktor Objek atau ' baru ” kata kunci, gunakan sintaks berikut:
const obyek = baru Obyek ( ) ;
obyek. kunci = nilai ;
Catatan: Perlu diingat kunci atau nama properti objek harus berupa string.
Contoh 1: Membuat Objek Menggunakan Notasi Literal di JavaScript
Pada contoh berikut, kita akan membuat objek bernama “ stdObject ” menggunakan notasi literal atau tanda kurung:
var stdObject = {
nama : 'Yohanes' ,
usia : 18 ,
rollno : 25 ,
standar : 9
}
Cetak objek di konsol:
menghibur. catatan ( stdObject ) ;Keluaran
Contoh 2: Membuat Objek Menggunakan Object Constructor di JavaScript
Di sini, kita akan membuat objek menggunakan konstruktor Object menggunakan ' baru ” kata kunci:
const stdObject = baru Obyek ( ) ;Sekarang, tambahkan properti (nilai kunci) objek menggunakan notasi dot(.):
stdObject. nama = 'bercinta' ;stdObject. usia = 19 ;
stdObject. rollno = limabelas ;
stdObject. standar = 10 ;
Terakhir, tampilkan objek di konsol menggunakan “ konsol.log() ' metode:
menghibur. catatan ( stdObject ) ;Keluaran
Bagaimana Cara Mendefinisikan Peta di JavaScript?
Dalam JavaScript, sebuah “ Peta ” adalah struktur data yang menyimpan pasangan kunci-nilai yang mirip dengan objek. Ini memungkinkan Anda untuk mengaitkan data dengan kunci dan mengambil data nanti dengan menggunakan kunci. Peta dapat digunakan untuk mengimplementasikan kamus, tabel hash, dan struktur data lain yang memetakan kunci ke nilai.
Sintaksis
Untuk menginisialisasi Peta gunakan sintaks berikut:
const peta = baru Peta ( [[ 'kunci' , 'nilai' ] ,
[ 'kunci' , 'nilai' ]
] ) ;
Anda juga dapat membuat Peta menggunakan konstruktor Peta atau dengan menggunakan operator baru, dan menetapkan nilai menggunakan “ mengatur() ' metode:
const peta = baru Peta ( ) ;peta. mengatur ( 'kunci' , 'nilai' ) ;
Contoh: Buat Peta di JavaScript
Dalam contoh yang diberikan, kita akan membuat Peta menggunakan kedua sintaks tersebut.
Buat Peta menggunakan metode inisialisasi. Di sini, kami akan menyetel kunci sebagai string sementara Anda dapat menyetel kunci di Peta dalam jenis apa pun:
const mapStd = Peta baru ( [[ 'nama' , 'Yohanes' ] ,
[ 'usia' , 18 ] ,
[ 'rollno' , 25 ] ,
[ 'standar' , 9 ] ,
] ) ;
Atau buat Peta dengan memanggil konstruktor Peta atau kata kunci/operator baru:
const mapStd = baru Peta ( ) ;Tetapkan nilai di Peta dalam pasangan kunci-nilai menggunakan “ mengatur() ' metode:
mapStd. mengatur ( 'nama' , 'Yohanes' ) ;mapStd. mengatur ( 'usia' , 18 ) ;
mapStd. mengatur ( 'rollno' , 25 ) ;
mapStd. mengatur ( 'standar' , 9 ) ;
Untuk mencetak peta di konsol, gunakan tombol “ entri() ” metode dengan “ untuk-dari ' lingkaran:
untuk ( const [ kunci, nilai ] dari mapStd. entri ( ) ) {menghibur. catatan ( `$ { kunci } : $ { nilai } ` ) ;
}
Atau untuk mengakses nilai kunci/properti tertentu, gunakan tombol “ mendapatkan() ' metode:
menghibur. catatan ( 'Nomor dari' + mapStd. mendapatkan ( 'nama' ) + ' adalah ' + mapStd. mendapatkan ( 'rollno' ) ) ;Keluarannya menunjukkan semua properti Peta dan nilai properti tertentu:
Peta vs Objek dalam JavaScript
Perbedaan utama antara Peta dan Objek adalah sebagai berikut:
| Peta | Obyek |
| Itu diperkenalkan di ECMAScript 6 pada tahun 2015. | JavaScript memperkenalkan tipe data Objek dalam versi pertamanya (ECMAScript 1) yang dirilis pada tahun 1997. |
| Peta memungkinkan kunci dari semua tipe data (mis., Objek, fungsi, angka, dll.). | Kunci objek harus berupa string. |
| Properti Peta dapat diakses menggunakan metode get(). | Properti objek dapat diakses menggunakan notasi titik atau notasi braket persegi. |
| Peta memiliki properti ukuran bawaan untuk mengembalikan jumlah pasangan nilai kunci | Objek tidak memiliki fitur ini. |
| Peta dapat diubah. Itu memungkinkan perulangan melalui semua pasangan kunci-nilai menggunakan beberapa metode bawaan seperti forEach(), keys(), values(), dan entri(). | Objek tidak dapat diubah. Ada kebutuhan untuk menggunakan loop “for-in” atau metode Object.entries() untuk mengulang pasangan nilai kunci. |
| Peta dipesan. | Objek tidak terurut. |
Saat bekerja dengan kumpulan data kecil, perbedaan kinerja antara Peta dan objek dapat diabaikan, namun saat bekerja dengan kumpulan data yang lebih besar, Peta bisa lebih cepat karena dioptimalkan untuk kinerja.
Kapan Peta Lebih Memilih Objek Dalam JavaScript?
Saat Anda perlu menyimpan pasangan kunci-nilai dalam bentuk terurut atau nilai sebagai kunci berupa tipe data apa pun, seperti angka, objek, atau simbol, gunakan ' Peta ' struktur data. Objek akan digunakan saat Anda perlu menggunakan string sebagai kunci dan saat Anda tidak memerlukan fitur Maps apa pun. Perbedaan kinerja antara Peta dan objek dapat diabaikan saat bekerja dengan kumpulan data kecil, tetapi saat bekerja dengan kumpulan data yang lebih besar, Peta bisa lebih cepat karena dioptimalkan untuk kinerja.
Kesimpulan
Map dan Object keduanya digunakan untuk menyimpan data sebagai key-value pair di JavaScript, tetapi keduanya memiliki beberapa perbedaan. Peta adalah struktur data yang lebih kuat dan fleksibel daripada Objek, dan merupakan pilihan yang lebih disukai saat Anda perlu menyimpan pasangan kunci-nilai yang perlu diurutkan, memiliki kunci dari tipe data yang berbeda, atau memiliki properti ukuran. Posting ini menjelaskan perbedaan antara Peta dan Objek dalam JavaScript.