- Kuidas JavaScriptis objektide jaoks kaardifunktsiooni luua
- Looge kaardifunktsioon ja kuvage atribuudid
- Kaardifunktsiooni loomine ja väärtuste määramine JavaScriptis map.set() abil
- Object.entries() meetod JavaScriptis
Kuidas luua JavaScriptis objektide jaoks kaardifunktsiooni?
JavaScript pakub objektide jaoks meetodit map(), mis töötab võtme-väärtuste paariga. See on väärtuslik erinevate toimingute tegemiseks objektidega võtmeväärtuste abil. See toimib sarnaselt array.map() meetodile, itereerides üle objekti elementide. Võttes arvesse objektide kaardifunktsiooni, kirjutatakse süntaks järgmiselt.
Süntaks
kaart ( funktsiooni ( element, indeks )
Selles süntaksis on funktsiooni kordab üle element kaudu indeks väärtus.
Märge : kaart () meetod ei loo uut objekti, vaid muudab olemasolevat objekti indeksi väärtuste kaudu.
Näide 1: Looge kaardifunktsioon ja kuvage atribuudid
Näide on kohandatud kaardifunktsiooni loomiseks ja atribuutidele erinevate väärtuste määramiseks. Meetod map() kordab kõiki objekti atribuute. Lõpuks kuvage konsooliaknas kõik atribuudid koos nende väärtustega. Järgmist koodi kasutatakse järgmiselt:
Kood
konsool. logi ( 'Objektide jaoks kaardifunktsiooni loomine' ) ;lase Stud_Obj = {
'Math_Marks' : 80 ,
'Inglise_märgid' : 77 ,
'Füüsika_märgid' : 90 } ;
Objekt . võtmed ( Stud_Obj ) . kaart ( funktsiooni ( võti, väärtus ) {
} ) ;
konsool. logi ( Stud_Obj ) ;
Selles koodis:
- Nimega luuakse objekt 'Stud_Obj' ja sellel on erinevad atribuudid, sealhulgas 'Math_Marks', 'English_Marks' ja 'Füüsika_märgid'.
- Need atribuudid sisaldavad erinevaid '80, 77 ja 90' kooloniga määratud väärtused.
- Pärast seda, Objekt.võtmed kasutatakse objekti atribuutide tagastamiseks 'Stud_Obj'.
- Kaart() Funktsioon nõuab võtme-väärtuste paaride kaudu kõiki objektis olevaid atribuute.
- Lõpuks, console.log() Objekti kuvamiseks kasutatakse meetodit 'Stud_Obj' konsooli aknas.
Väljund
Väljund tagastab kõik atribuudid 'Math_Marks', 'English_Marks' ja 'Füüsika_märgid' neile määratud väärtustega konsooliaknas.
Näide 2: Looge kaardifunktsioon ja määrake väärtused
Näidet kasutatakse uue kaardiobjekti loomiseks, kasutades uus märksõna. Pärast seda, map.set() meetodeid kasutatakse atribuutide määramiseks JavaScripti koodis.
Kood
konsool. logi ( 'Objektide jaoks kaardifunktsiooni loomine' ) ;lase kaardile = uus Kaart ( ) ;
kaart. seatud ( 'Harry_id' , 04 ) ;
kaart. seatud ( 'Peetri_id' , 08 ) ;
kaart. seatud ( 'Johni_id' , 07 ) ;
let obj_ids = Massiiv . alates ( kaart ) . vähendada ( ( obj_ids, [ võti, väärtus ] ) => (
Objekt . määrama ( obj_ids, { [ võti ] : väärtus } )
) , { } ) ;
konsool. logi ( obj_ids ) ;
Koodi selgitus on järgmine:
- A kaart objekt luuakse a uus märksõna, mis kordab objekti atribuute.
- Pärast seda, map.set() meetodit kasutatakse atribuutide määramisel 'Harry_id' , 'Peetri_id' ja 'Johni_id'.
- Nendel atribuutidel on unikaalsed väärtused, sealhulgas '04', '08', ja '07' vastavalt.
- Lisaks on Array.from() meetod tagastab massiivi alates kaart objektiks.
- Pärast seda, vähenda () meetod kutsub tagasi obj_ids ja ekstraheerib kõik atribuudid väärtused .
- The Object.assign() meetod määrab igale atribuudile konkreetse väärtuse võtmed .
- Lõpuks, console.log() meetod esitab kõik atribuudid objektiks möödaminnes 'obj_ids' .
Väljund
Näide 3: Object.entries() meetod JavaScriptis
JavaScript pakub Object.entries() meetod ja tagastab kõik objekti atribuudid, mille põhjal võtmeväärtus paarid. Arvestades Object.entries() meetodil, kirjutatakse kood järgmiselt.
Kood
konsool. logi ( 'Objektide jaoks kaardifunktsiooni loomine' ) ;konst spordiobjekt = {
esiteks : 'kriket' ,
teiseks : 'Jalgpall' ,
kolmandaks : 'Hoki' ,
}
konst m = uus kaart ( Objekt . sissekandeid ( spordiobjekt ) ) ;
konsool. logi ( m ) ;
Koodi kirjeldus on järgmine:
- Esiteks objekt 'spordiobjekt' luuakse, mis sisaldab erinevaid atribuute 'esimene sekund' ja 'kolmas'.
- Nendel atribuutidel on erinevad väärtused nagu 'Kriket', 'Jalgpall' ja 'Hoki'.
- Pärast seda, Object.entries() meetod võtab objekti vastu 'spordiobjekt' ja tagastab kõik atribuudid ja salvestab need muutujas 'm'.
- Lõpuks, console.log() meetodit kasutatakse objektide atribuutide loendi esitamiseks konsooliaknas.
Väljund
Väljund näitab atribuutide arvu kui '3' ja kuvab kõik atribuudid väärtustega konsooliaknas.
Järeldus
JavaScript pakub a kaart () meetod kaardifunktsiooni loomiseks, et suhelda objektide omadustega. See kordab kõiki objektide atribuute, kasutades võtmeväärtusi. Lisaks on map.set() Objektide atribuutide määramiseks kasutatakse meetodeid. Veelgi enam, Object.entries() meetod tagastab kõik objekti atribuudid pärast JavaScriptis kaardifunktsiooni loomist. See artikkel demonstreerib objektide jaoks kaardifunktsiooni loomist ja kuvab kõik objektide atribuudid konsooliaknas.