- Sådan opretter du en kortfunktion til objekter i JavaScript
- Opret en kortfunktion og vis attributterne
- Oprettelse af en kortfunktion og tildel værdier via map.set() i JavaScript
- Object.entries() Metode i JavaScript
Hvordan opretter man en kortfunktion til objekter i JavaScript?
JavaScript giver en map()-metode til objekter, der fungerer med et nøgleværdi-par. Det er værdifuldt til at udføre forskellige operationer på objekter ved at bruge nøgleværdier. Det fungerer på samme måde som en array.map()-metode ved at iterere over elementer i et objekt. Ved at overveje kortfunktionen for objekter skrives syntaksen som følger.
Syntaks
kort ( fungere ( element, indeks )
I denne syntaks er fungere itererer over element gennem indeks værdi.
Bemærk : Det kort() metoden opretter ikke et nyt objekt, men ændrer det eksisterende objekt gennem indeksværdierne.
Eksempel 1: Opret en kortfunktion og vis attributterne
Et eksempel er tilpasset til at skabe en kortfunktion og tildele forskellige værdier til attributter. Map()-metoden itererer alle objektets attributter. Til sidst skal du vise alle attributterne sammen med deres værdier i konsolvinduet. Følgende kode praktiseres som følger:
Kode
konsol. log ( 'Opret en kortfunktion til objekter' ) ;lad Stud_Obj = {
'Math_Marks' : 80 ,
'Engelske_mærker' : 77 ,
'Fysik_mærker' : 90 } ;
Objekt . nøgler ( Stud_Obj ) . kort ( fungere ( nøgle, værdi ) {
} ) ;
konsol. log ( Stud_Obj ) ;
I denne kode:
- Et objekt oprettes med navnet 'Stud_Obj' og har forskellige egenskaber, bl.a 'Math_Marks', 'English_Marks' og 'Fysik_mærker'.
- Disse attributter indeholder forskellige '80, 77 og 90' værdier tildelt af kolon.
- Efter det, Objekt.nøgler bruges til at returnere et objekts attributter 'Stud_Obj'.
- Kortet() funktion kalder på alle attributter, der er til stede i objektet gennem nøgle-værdi-par.
- I sidste ende console.log() metoden bruges til at vise objektet 'Stud_Obj' i konsolvinduet.
Produktion
Outputtet returnerer alle attributterne 'Math_Marks', 'English_Marks' og 'Fysik_mærker' med deres tildelte værdier i konsolvinduet.
Eksempel 2: Opret en kortfunktion og tildel værdier
Et eksempel bruges til at oprette et nyt kortobjekt ved at bruge ny søgeord. Herefter er map.set() metoder bruges til at tildele attributter i JavaScript-koden.
Kode
konsol. log ( 'Opret en kortfunktion til objekter' ) ;lade kort = ny Kort ( ) ;
kort. sæt ( 'Harry_id' , 04 ) ;
kort. sæt ( 'Peter_id' , 08 ) ;
kort. sæt ( 'John_id' , 07 ) ;
lad obj_ids = Array . fra ( kort ) . reducere ( ( obj_ids, [ nøgle, værdi ] ) => (
Objekt . tildele ( obj_ids, { [ nøgle ] : værdi } )
) , { } ) ;
konsol. log ( obj_ids ) ;
Forklaringen af koden er som følger:
- EN kort objekt er oprettet med en ny nøgleord, der itererer over objektets attributter.
- Herefter er map.set() metoden bruges ved at tildele attributterne 'Harry_id' , 'Peter_id' og 'John_id'.
- Disse attributter har unikke værdier, herunder '04', '08', og '07' henholdsvis.
- Desuden Array.from() metoden returnerer arrayet fra kort objekt.
- Herefter er reducere() metode kalder tilbage obj_ids og udtrækker alle attributterne med værdier .
- Det Object.assign() metode indstiller den specifikke værdi til hver attribut igennem nøgler .
- Endelig console.log() metoden præsenterer alle egenskaberne for objekt ved at passere 'obj_ids' .
Produktion
Eksempel 3: Object.entries()-metoden i JavaScript
JavaScript giver Object.entries() metode og returnerer alle objektets attributter baseret på nøgleværdi par. Ved at overveje Object.entries() metode, skrives koden som følger.
Kode
konsol. log ( 'Opret en kortfunktion til objekter' ) ;konst sports_obj = {
først : 'Cricket' ,
sekund : 'Fodbold' ,
tredje : 'hockey' ,
}
konst m = nyt kort ( Objekt . poster ( sports_obj ) ) ;
konsol. log ( m ) ;
Beskrivelsen af koden er som følger:
- For det første en genstand 'sportsobjekt' er oprettet med forskellige attributter 'første sekund' og 'tredje'.
- Disse attributter har forskellige værdier som 'Cricket', 'Fodbold' og 'Hockey'.
- Herefter er Object.entries() metode accepterer et objekt 'sportsobjekt' og returnerer alle attributterne og gemmer dem i variablen 'm'.
- Endelig console.log() metoden bruges til at præsentere listen over attributter for objekter i konsolvinduet.
Produktion
Outputtet viser antallet af attributter som '3' og viser alle attributter med værdier i konsolvinduet.
Konklusion
JavaScript giver en kort() metode til at skabe en kortfunktion til at interagere med objekters egenskaber. Det itererer over alle objekters attributter ved at bruge nøgleværdier. Hertil kommer map.set() metoder bruges til at tildele attributter for objekter. Desuden Object.entries() metode returnerer alle objektets attributter efter oprettelse af en kortfunktion i JavaScript. Denne artikel demonstrerer oprettelsen af en kortfunktion til objekter og viser alle attributter for objekter i konsolvinduet.