- Cara Membuat Fungsi Peta untuk Objek dalam JavaScript
- Cipta Fungsi Peta dan Paparkan Atribut
- Mencipta Fungsi Peta dan Berikan Nilai melalui map.set() dalam JavaScript
- Kaedah Object.entry() dalam JavaScript
Bagaimana untuk Mencipta Fungsi Peta untuk Objek dalam JavaScript?
JavaScript menyediakan kaedah map() untuk objek yang berfungsi dengan pasangan nilai kunci. Ia berharga untuk melaksanakan pelbagai operasi pada objek dengan menggunakan nilai utama. Ia berfungsi sama dengan kaedah array.map() dengan mengulangi elemen objek. Dengan mempertimbangkan fungsi peta untuk objek, sintaks ditulis seperti berikut.
Sintaks
peta ( fungsi ( unsur, indeks )
Dalam sintaks ini, the fungsi berulang ke atas unsur melalui indeks nilai.
Catatan : The peta() kaedah tidak mencipta objek baharu tetapi mengubah suai objek sedia ada melalui nilai indeks.
Contoh 1: Cipta Fungsi Peta dan Paparkan Atribut
Satu contoh disesuaikan untuk mencipta fungsi peta dan memberikan nilai yang berbeza kepada atribut. Kaedah map() mengulangi semua atribut objek. Akhir sekali, paparkan semua atribut bersama-sama dengan nilainya dalam tetingkap konsol. Kod berikut diamalkan seperti berikut:
Kod
konsol. log ( 'Buat Fungsi Peta untuk Objek' ) ;biarkan Stud_Obj = {
'Markah_Matematik' : 80 ,
'Markah_Inggeris' : 77 ,
'Tanda_Fizik' : 90 } ;
Objek . kunci ( Stud_Obj ) . peta ( fungsi ( kunci, nilai ) {
} ) ;
konsol. log ( Stud_Obj ) ;
Dalam kod ini:
- Objek dicipta dengan nama “Stud_Obj” dan mempunyai sifat yang berbeza, termasuk “Math_Marks”, “English_Marks” dan “Markah_Fizik”.
- Atribut ini mengandungi berbeza “80, 77, dan 90” nilai yang diberikan oleh kolon.
- Selepas itu, Object.keys digunakan untuk mengembalikan atribut objek “Stud_Obj”.
- Peta() fungsi memanggil semua atribut yang terdapat dalam objek melalui pasangan nilai kunci.
- Pada akhirnya, console.log() kaedah digunakan untuk memaparkan objek “Stud_Obj” dalam tetingkap konsol.
Pengeluaran
Output mengembalikan semua atribut “Math_Marks”, “English_Marks” dan “Markah_Fizik” dengan nilai yang ditetapkan dalam tetingkap konsol.
Contoh 2: Cipta Fungsi Peta dan Berikan Nilai
Contoh digunakan untuk mencipta objek peta baharu dengan menggunakan baru kata kunci. Selepas itu, yang map.set() kaedah digunakan untuk menetapkan atribut dalam kod JavaScript.
Kod
konsol. log ( 'Buat Fungsi Peta untuk Objek' ) ;biarkan peta = baru Peta ( ) ;
peta. ditetapkan ( 'Harry_id' , 04 ) ;
peta. ditetapkan ( 'Peter_id' , 08 ) ;
peta. ditetapkan ( 'John_id' , 07 ) ;
biarkan obj_ids = Susunan . daripada ( peta ) . kurangkan ( ( obj_id, [ kunci, nilai ] ) => (
Objek . tugaskan ( obj_id, { [ kunci ] : nilai } )
) , { } ) ;
konsol. log ( obj_ids ) ;
Penjelasan kod tersebut adalah seperti berikut:
- A peta objek dicipta dengan a baru kata kunci yang berulang pada atribut objek.
- Selepas itu, yang map.set() kaedah digunakan dengan memberikan atribut “Harry_id” , “Peter_id” dan “John_id”.
- Atribut ini mempunyai nilai unik termasuk “04”, “08”, dan “07” masing-masing.
- Tambahan pula, Array.from() kaedah mengembalikan tatasusunan daripada peta objek.
- Selepas itu, yang mengurangkan() kaedah memanggil semula obj_ids dan mengekstrak semua atribut dengan nilai .
- The Object.assign() kaedah menetapkan nilai khusus kepada setiap atribut melalui kunci .
- Akhirnya, yang console.log() kaedah membentangkan semua sifat objek dengan berlalu “obj_ids” .
Pengeluaran
Contoh 3: Kaedah Object.entry() dalam JavaScript
JavaScript menyediakan Object.entry() kaedah dan mengembalikan semua atribut objek berdasarkan nilai kunci berpasangan. Dengan mempertimbangkan Object.entry() kaedah, kod ditulis seperti berikut.
Kod
konsol. log ( 'Buat Fungsi Peta untuk Objek' ) ;const sukan_obj = {
pertama : 'Cerik' ,
kedua : 'Bola sepak' ,
ketiga : 'Hoki' ,
}
const m = Peta baru ( Objek . entri ( sukan_obj ) ) ;
konsol. log ( m ) ;
Penerangan kod adalah seperti berikut:
- Pertama, objek “sports_obj” dicipta mengandungi atribut yang berbeza 'pertama kedua' dan “ketiga”.
- Atribut ini mempunyai nilai yang berbeza sebagai “Kriket”, “Bola Sepak” dan “Hoki”.
- Selepas itu, yang Object.entry() kaedah menerima objek “sports_obj” dan mengembalikan semua atribut dan menyimpannya dalam pembolehubah “m”.
- Akhirnya, yang console.log() kaedah digunakan untuk membentangkan senarai atribut objek dalam tetingkap konsol.
Pengeluaran
Output menunjukkan bilangan atribut sebagai '3' dan memaparkan semua atribut dengan nilai dalam tetingkap konsol.
Kesimpulan
JavaScript menyediakan a peta() kaedah untuk mencipta fungsi peta untuk berinteraksi dengan sifat objek. Ia mengulangi semua atribut objek dengan menggunakan nilai utama. Selain itu, pihak map.set() kaedah digunakan untuk menetapkan atribut objek. Lebih-lebih lagi, Object.entry() kaedah mengembalikan semua atribut objek selepas mencipta fungsi peta dalam JavaScript. Artikel ini menunjukkan penciptaan fungsi peta untuk objek dan memaparkan semua atribut objek dalam tetingkap konsol.