- Cara Membuat Fungsi Peta untuk Objek di JavaScript
- Buat Fungsi Peta dan Tampilkan Atribut
- Membuat Fungsi Peta dan Menetapkan Nilai melalui map.set() di JavaScript
- Object.entries() Metode dalam JavaScript
Bagaimana Cara Membuat Fungsi Peta untuk Objek di JavaScript?
JavaScript menyediakan metode map() untuk objek yang bekerja dengan pasangan nilai kunci. Ini berharga untuk melakukan berbagai operasi pada objek dengan memanfaatkan nilai-nilai kunci. Ini bekerja mirip dengan metode array.map() dengan mengulangi elemen objek. Dengan mempertimbangkan fungsi peta untuk objek, sintaksnya ditulis sebagai berikut.
Sintaksis
peta ( fungsi ( elemen, indeks )
Dalam sintaks ini, fungsi iterasi di atas elemen melalui indeks nilai.
Catatan : The peta() metode tidak membuat objek baru tetapi memodifikasi objek yang ada melalui nilai indeks.
Contoh 1: Membuat Fungsi Peta dan Menampilkan Atribut
Contoh diadaptasi untuk membuat fungsi peta dan menetapkan nilai yang berbeda untuk atribut. Metode map() mengulangi semua atribut objek. Terakhir, tampilkan semua atribut beserta nilainya di jendela konsol. Kode berikut dipraktekkan sebagai berikut:
Kode
menghibur. catatan ( 'Buat Fungsi Peta untuk Objek' ) ;biarkan Stud_Obj = {
'Nilai_Matematika' : 80 ,
'Bahasa Inggris_Marks' : 77 ,
'Fisika_Mark' : 90 } ;
Obyek . kunci ( Stud_Obj ) . peta ( fungsi ( kunci, nilai ) {
} ) ;
menghibur. catatan ( Stud_Obj ) ;
Dalam kode ini:
- Sebuah objek dibuat dengan nama “Stud_Obj” dan memiliki atribut yang berbeda, termasuk “Matematika_Marks”, “Bahasa Inggris_Marks” dan 'Fisika_Marks'.
- Atribut ini mengandung perbedaan “80, 77, dan 90” nilai yang diberikan oleh titik dua.
- Setelah itu, Object.keys digunakan untuk mengembalikan atribut suatu objek 'Stud_Obj'.
- Peta() fungsi memanggil semua atribut yang ada di objek melalui pasangan nilai kunci.
- Pada akhirnya, konsol.log() metode yang digunakan untuk menampilkan objek “Stud_Obj” di jendela konsol.
Keluaran
Output mengembalikan semua atribut “Matematika_Marks”, “Bahasa Inggris_Marks” dan “Fisika_Marks” dengan nilai yang ditetapkan di jendela konsol.
Contoh 2: Buat Fungsi Peta dan Tetapkan Nilai
Contoh digunakan untuk membuat objek peta baru dengan memanfaatkan baru kata kunci. Setelah itu, peta.set() metode yang digunakan untuk menetapkan atribut dalam kode JavaScript.
Kode
menghibur. catatan ( 'Buat Fungsi Peta untuk Objek' ) ;biarkan peta = baru Peta ( ) ;
peta. mengatur ( 'Harry_id' , 04 ) ;
peta. mengatur ( 'Peter_id' , 08 ) ;
peta. mengatur ( 'John_id' , 07 ) ;
biarkan obj_id = Himpunan . dari ( peta ) . mengurangi ( ( obj_id, [ kunci, nilai ] ) => (
Obyek . menetapkan ( obj_id, { [ kunci ] : nilai } )
) , { } ) ;
menghibur. catatan ( obj_id ) ;
Penjelasan dari kode tersebut adalah sebagai berikut:
- SEBUAH peta objek dibuat dengan baru kata kunci yang mengulangi atribut objek.
- Setelah itu, peta.set() metode ini digunakan dengan menetapkan atribut “Harry_id” , “Peter_id” dan “John_id”.
- Atribut ini memiliki nilai unik termasuk “04”, “08”, dan “07” masing-masing.
- Selanjutnya, Array.dari() metode mengembalikan array dari peta obyek.
- Setelah itu, mengurangi() metode memanggil kembali obj_id dan mengekstrak semua atribut dengan nilai-nilai .
- Itu Objek.assign() metode menetapkan nilai spesifik untuk setiap atribut melalui kunci .
- Akhirnya, konsol.log() metode menyajikan semua atribut dari obyek dengan melewati “obj_id” .
Keluaran
Contoh 3: Metode Object.entries() dalam JavaScript
JavaScript menyediakan Objek.entri() metode dan mengembalikan semua atribut objek berdasarkan nilai kunci berpasangan. Dengan mempertimbangkan Objek.entri() metode, kode ditulis sebagai berikut.
Kode
menghibur. catatan ( 'Buat Fungsi Peta untuk Objek' ) ;konstan sports_obj = {
pertama : 'Jangkrik' ,
kedua : 'Sepak bola' ,
ketiga : 'Hoki' ,
}
konstan m = peta baru ( Obyek . entri ( sports_obj ) ) ;
menghibur. catatan ( m ) ;
Deskripsi kodenya adalah sebagai berikut:
- Pertama, sebuah objek “olahraga_obj” dibuat berisi atribut yang berbeda 'pertama kedua' dan 'ketiga'.
- Atribut ini memiliki nilai yang berbeda sebagai 'Kriket', 'Sepak Bola' dan 'Hoki'.
- Setelah itu, Objek.entri() metode menerima objek “olahraga_obj” dan mengembalikan semua atribut dan menyimpannya dalam variabel 'm'.
- Akhirnya, konsol.log() metode ini digunakan untuk menyajikan daftar atribut objek di jendela konsol.
Keluaran
Output menunjukkan jumlah atribut sebagai '3' dan menampilkan semua atribut dengan nilai di jendela konsol.
Kesimpulan
JavaScript menyediakan peta() metode untuk membuat fungsi peta untuk berinteraksi dengan properti objek. Itu mengulangi semua atribut objek dengan memanfaatkan nilai-nilai kunci. Selain itu, peta.set() metode yang digunakan untuk menetapkan atribut objek. Selain itu, Objek.entri() metode mengembalikan semua atribut objek setelah membuat fungsi peta di JavaScript. Artikel ini menunjukkan pembuatan fungsi peta untuk objek dan menampilkan semua atribut objek di jendela konsol.