- Hvordan lage en kartfunksjon for objekter i JavaScript
- Lag en kartfunksjon og vis attributtene
- Opprette en kartfunksjon og tilordne verdier via map.set() i JavaScript
- Object.entries()-metoden i JavaScript
Hvordan lage en kartfunksjon for objekter i JavaScript?
JavaScript gir en map()-metode for objekter som fungerer med et nøkkelverdi-par. Det er verdifullt for å utføre ulike operasjoner på objekter ved å bruke nøkkelverdier. Den fungerer på samme måte som en array.map()-metode ved å iterere over elementer i et objekt. Ved å vurdere kartfunksjonen for objekter skrives syntaksen som følger.
Syntaks
kart ( funksjon ( element, indeks )
I denne syntaksen er funksjon itererer over element gjennom indeks verdi.
Merk : Den kart() metoden oppretter ikke et nytt objekt, men modifiserer det eksisterende objektet gjennom indeksverdiene.
Eksempel 1: Lag en kartfunksjon og vis attributtene
Et eksempel er tilpasset for å lage en kartfunksjon og tilordne ulike verdier til attributter. Map()-metoden gjentar alle attributtene til objektet. Til slutt, vis alle attributtene sammen med verdiene deres i konsollvinduet. Følgende kode praktiseres som følger:
Kode
konsoll. Logg ( 'Lag en kartfunksjon for objekter' ) ;la Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Fysikk_merker' : 90 } ;
Gjenstand . nøkler ( Stud_Obj ) . kart ( funksjon ( nøkkel, verdi ) {
} ) ;
konsoll. Logg ( Stud_Obj ) ;
I denne koden:
- Et objekt lages med navnet «Stud_Obj» og har forskjellige attributter, inkludert 'Math_Marks', 'English_Marks' og 'Fysikk_merker'.
- Disse attributtene inneholder forskjellige '80, 77 og 90' verdier tildelt av kolon.
- Etter det, Objekt.nøkler brukes til å returnere attributtene til et objekt «Stud_Obj».
- Kartet() funksjonen kaller for alle attributter som er tilstede i objektet gjennom nøkkel-verdi-par.
- Til slutt, den console.log() metoden brukes for å vise objektet «Stud_Obj» i konsollvinduet.
Produksjon
Utdataene returnerer alle attributtene 'Math_Marks', 'English_Marks' og «Fysikk_merker» med de tildelte verdiene i konsollvinduet.
Eksempel 2: Lag en kartfunksjon og tilordne verdier
Et eksempel brukes til å lage et nytt kartobjekt ved å bruke ny nøkkelord. Etter det har map.set() metoder brukes til å tildele attributter i JavaScript-koden.
Kode
konsoll. Logg ( 'Lag en kartfunksjon for objekter' ) ;la kart = ny Kart ( ) ;
kart. sett ( 'Harry_id' , 04 ) ;
kart. sett ( 'Peter_id' , 08 ) ;
kart. sett ( 'John_id' , 07 ) ;
la obj_ids = Array . fra ( kart ) . redusere ( ( obj_ids, [ nøkkel, verdi ] ) => (
Gjenstand . tildele ( obj_ids, { [ nøkkel ] : verdi } )
) , { } ) ;
konsoll. Logg ( obj_ids ) ;
Forklaringen av koden er som følger:
- EN kart objektet er opprettet med en ny nøkkelord som itererer over attributtene til objektet.
- Etter det har map.set() metoden brukes ved å tildele attributtene «Harry_id» , «Peter_id» og 'John_id'.
- Disse attributtene har unike verdier, inkludert '04', '08', og '07' hhv.
- Videre har Array.from() metoden returnerer matrisen fra kart gjenstand.
- Etter det har redusere() metoden kaller tilbake obj_ids og trekker ut alle attributtene med verdier .
- De Object.assign() metoden setter den spesifikke verdien til hvert attributt gjennom nøkler .
- Til slutt, den console.log() metoden presenterer alle egenskapene til gjenstand ved å bestå «obj_ids» .
Produksjon
Eksempel 3: Object.entries()-metoden i JavaScript
JavaScript gir Object.entries() metode og returnerer alle attributtene til objektet basert på nøkkelverdi par. Ved å vurdere Object.entries() metoden skrives koden som følger.
Kode
konsoll. Logg ( 'Lag en kartfunksjon for objekter' ) ;konst sports_obj = {
først : 'Siriss' ,
sekund : 'Fotball' ,
tredje : 'hockey' ,
}
konst m = nytt kart ( Gjenstand . innganger ( sports_obj ) ) ;
konsoll. Logg ( m ) ;
Beskrivelsen av koden er som følger:
- For det første en gjenstand «sportsobjekt» er laget med forskjellige attributter 'første sekund' og 'tredje'.
- Disse attributtene har forskjellige verdier som 'Cricket', 'Fotball' og 'hockey'.
- Etter det har Object.entries() metode aksepterer et objekt «sportsobjekt» og returnerer alle attributtene og lagrer dem i variabelen 'm'.
- Til slutt, den console.log() metoden brukes til å presentere listen over attributter til objekter i konsollvinduet.
Produksjon
Utdataene viser antall attributter som '3' og viser alle attributter med verdier i konsollvinduet.
Konklusjon
JavaScript gir en kart() metode for å lage en kartfunksjon for å samhandle med egenskapene til objekter. Den itererer over alle attributtene til objekter ved å bruke nøkkelverdier. i tillegg map.set() metoder brukes for å tildele attributter til objekter. Dessuten har Object.entries() metoden returnerer alle attributtene til objektet etter å ha opprettet en kartfunksjon i JavaScript. Denne artikkelen demonstrerer opprettelsen av en kartfunksjon for objekter og viser alle attributtene til objekter i konsollvinduet.