- Karttafunktion luominen objekteille JavaScriptissä
- Luo karttafunktio ja näytä attribuutit
- Karttafunktion luominen ja arvojen määrittäminen JavaScriptin map.set() -sovelluksella
- Object.entries() -menetelmä JavaScriptissä
Kuinka luoda karttafunktio objekteille JavaScriptissä?
JavaScript tarjoaa map()-menetelmän objekteille, jotka toimivat avain-arvo-parin kanssa. Se on arvokas suoritettaessa erilaisia toimintoja objekteille käyttämällä avainarvoja. Se toimii samalla tavalla kuin array.map() -menetelmä iteroimalla objektin elementtien yli. Kun otetaan huomioon objektien karttatoiminto, syntaksi kirjoitetaan seuraavasti.
Syntaksi
kartta ( toiminto ( elementti, indeksi )
Tässä syntaksissa toiminto toistuu elementti läpi indeksi arvo.
Merkintä : kartta() menetelmä ei luo uutta objektia, vaan muokkaa olemassa olevaa objektia indeksiarvojen avulla.
Esimerkki 1: Luo karttafunktio ja näytä attribuutit
Esimerkki on mukautettu luomaan karttafunktio ja määrittämään attribuuteille erilaisia arvoja. Map()-metodi iteroi kaikki objektin attribuutit. Näytä lopuksi kaikki attribuutit ja niiden arvot konsoliikkunassa. Seuraavaa koodia harjoitetaan seuraavasti:
Koodi
konsoli. Hirsi ( 'Luo karttatoiminto objekteille' ) ;anna Stud_Obj = {
'Math_Marks' : 80 ,
'Englannin_merkit' : 77 ,
'Fysiikka_merkit' : 90 } ;
Esine . avaimet ( Stud_Obj ) . kartta ( toiminto ( avain, arvo ) {
} ) ;
konsoli. Hirsi ( Stud_Obj ) ;
Tässä koodissa:
- Objekti luodaan nimellä 'Stud_Obj' ja sillä on erilaisia ominaisuuksia, mukaan lukien 'Math_Marks', 'English_Marks' ja 'Fysiikka_merkit'.
- Nämä attribuutit sisältävät erilaisia '80, 77 ja 90' kaksoispisteen määräämät arvot.
- Sen jälkeen, Objekti.avaimet käytetään palauttamaan objektin attribuutit 'Stud_Obj'.
- Kartta() funktio kutsuu kaikkia objektissa olevia attribuutteja avain-arvo-parien kautta.
- Lopulta, console.log() menetelmää käytetään objektin näyttämiseen 'Stud_Obj' konsoli-ikkunassa.
Lähtö
Tulos palauttaa kaikki attribuutit 'Math_Marks', 'English_Marks' ja 'Fysiikka_merkit' niille määritetyillä arvoilla konsoliikkunassa.
Esimerkki 2: Luo karttafunktio ja määritä arvot
Esimerkkiä käytetään uuden karttaobjektin luomiseen käyttämällä Uusi avainsana. Sen jälkeen, map.set() menetelmiä käytetään määritteiden määrittämiseen JavaScript-koodissa.
Koodi
konsoli. Hirsi ( 'Luo karttatoiminto objekteille' ) ;anna kartta = Uusi Kartta ( ) ;
kartta. aseta ( 'Harry_id' , 04 ) ;
kartta. aseta ( 'Peter_id' , 08 ) ;
kartta. aseta ( 'John_id' , 07 ) ;
anna obj_ids = Array . alkaen ( kartta ) . vähentää ( ( obj_ids, [ avain, arvo ] ) => (
Esine . antaa ( obj_ids, { [ avain ] : arvo } )
) , { } ) ;
konsoli. Hirsi ( obj_ids ) ;
Koodin selitys on seuraava:
- A kartta objekti luodaan a Uusi avainsana, joka toistuu objektin attribuuttien yli.
- Sen jälkeen, map.set() menetelmää käytetään määrittämällä attribuutit 'Harry_id' , 'Peter_id' ja 'John_id'.
- Näillä määritteillä on ainutlaatuiset arvot, mukaan lukien '04', '08', ja '07' vastaavasti.
- Lisäksi, Array.from() -menetelmä palauttaa taulukon kartta esine.
- Sen jälkeen, vähentää() menetelmä kutsuu takaisin obj_ids ja purkaa kaikki attribuutit arvot .
- The Object.assign() menetelmä asettaa tietyn arvon kullekin attribuutille kautta avaimet .
- Lopuksi, console.log() menetelmä esittelee kaikki attribuutit esine ohittamalla 'obj_ids' .
Lähtö
Esimerkki 3: Object.entries() -menetelmä JavaScriptissä
JavaScript tarjoaa Object.entries() menetelmä ja palauttaa kaikki objektin attribuutit perustuen avainarvo pareja. Ottaen huomioon Object.entries() menetelmällä, koodi kirjoitetaan seuraavasti.
Koodi
konsoli. Hirsi ( 'Luo karttatoiminto objekteille' ) ;konst sports_obj = {
ensimmäinen : 'Kriketti' ,
toinen : 'Jalkapallo' ,
kolmas : 'Jääkiekko' ,
}
konst m = uusi kartta ( Esine . merkinnät ( sports_obj ) ) ;
konsoli. Hirsi ( m ) ;
Koodin kuvaus on seuraava:
- Ensinnäkin esine 'sports_obj' luodaan sisältäen erilaisia attribuutteja 'ensimmäinen sekunti' ja 'kolmas'.
- Näillä määritteillä on erilaiset arvot kuin 'Krketti', 'Jalkapallo' ja 'Jääkiekko'.
- Sen jälkeen, Object.entries() menetelmä hyväksyy kohteen 'sports_obj' ja palauttaa kaikki attribuutit ja tallentaa ne muuttujaan 'm'.
- Lopuksi, console.log() -menetelmää käytetään objektien attribuuttien luettelon esittämiseen konsoliikkunassa.
Lähtö
Tulos näyttää attribuuttien lukumäärän muodossa '3' ja näyttää kaikki attribuutit arvoineen konsoliikkunassa.
Johtopäätös
JavaScript tarjoaa a kartta() menetelmä karttafunktion luomiseksi, joka on vuorovaikutuksessa objektien ominaisuuksien kanssa. Se toistaa kaikki objektien attribuutit käyttämällä avainarvoja. Lisäksi map.set() menetelmiä käytetään objektien attribuuttien määrittämiseen. Lisäksi, Object.entries() Metodi palauttaa kaikki objektin attribuutit luotuaan karttafunktion JavaScriptiin. Tämä artikkeli esittelee karttafunktion luomisen objekteille ja näyttää kaikki objektien attribuutit konsoliikkunassa.