- Hur man skapar en kartfunktion för objekt i JavaScript
- Skapa en kartfunktion och visa attributen
- Skapa en kartfunktion och tilldela värden via map.set() i JavaScript
- Object.entries() Metod i JavaScript
Hur man skapar en kartfunktion för objekt i JavaScript?
JavaScript tillhandahåller en map()-metod för objekt som fungerar med ett nyckel-värdepar. Det är värdefullt för att utföra olika operationer på objekt genom att använda nyckelvärden. Den fungerar på samma sätt som en array.map()-metod genom att iterera över element i ett objekt. Genom att beakta kartfunktionen för objekt skrivs syntaxen enligt följande.
Syntax
Karta ( fungera ( element, index )
I den här syntaxen är fungera itererar över element genom index värde.
Notera : Den Karta() metoden skapar inte ett nytt objekt utan modifierar det befintliga objektet genom indexvärdena.
Exempel 1: Skapa en kartfunktion och visa attributen
Ett exempel är anpassat för att skapa en kartfunktion och tilldela olika värden till attribut. Map()-metoden itererar alla attribut för objektet. Till sist, visa alla attribut tillsammans med deras värden i konsolfönstret. Följande kod praktiseras enligt följande:
Koda
trösta. logga ( 'Skapa en kartfunktion för objekt' ) ;låt Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Fysik_märken' : 90 } ;
Objekt . nycklar ( Stud_Obj ) . Karta ( fungera ( nyckelvärde ) {
} ) ;
trösta. logga ( Stud_Obj ) ;
I denna kod:
- Ett objekt skapas med namnet 'Stud_Obj' och har olika attribut, inklusive 'Math_Marks', 'English_Marks' och 'Fysik_märken'.
- Dessa attribut innehåller olika '80, 77 och 90' värden som tilldelas av kolon.
- Efter det, Objekt.nycklar används för att returnera ett objekts attribut 'Stud_Obj'.
- Kartan() funktion anropar alla attribut som finns i objektet genom nyckel-värdepar.
- I slutändan console.log() metod används för att visa objektet 'Stud_Obj' i konsolfönstret.
Produktion
Utdata returnerar alla attribut 'Math_Marks', 'English_Marks' och 'Fysik_märken' med sina tilldelade värden i konsolfönstret.
Exempel 2: Skapa en kartfunktion och tilldela värden
Ett exempel används för att skapa ett nytt kartobjekt genom att använda ny nyckelord. Efter det har map.set() metoder används för att tilldela attribut i JavaScript-koden.
Koda
trösta. logga ( 'Skapa en kartfunktion för objekt' ) ;låt kartlägga = ny Karta ( ) ;
Karta. uppsättning ( 'Harry_id' , 04 ) ;
Karta. uppsättning ( 'Peter_id' , 08 ) ;
Karta. uppsättning ( 'John_id' , 07 ) ;
låt obj_ids = Array . från ( Karta ) . minska ( ( obj_ids, [ nyckelvärde ] ) => (
Objekt . tilldela ( obj_ids, { [ nyckel- ] : värde } )
) , { } ) ;
trösta. logga ( obj_ids ) ;
Förklaringen av koden är som följer:
- A Karta objekt skapas med en ny nyckelord som itererar över objektets attribut.
- Efter det har map.set() metod används genom att tilldela attributen 'Harry_id' , 'Peter_id' och 'John_id'.
- Dessa attribut har unika värden inklusive '04', '08', och '07' respektive.
- Dessutom Array.from() metod returnerar arrayen från Karta objekt.
- Efter det har minska() metoden kallar tillbaka obj_ids och extraherar alla attribut med värden .
- De Object.assign() metod anger det specifika värdet för varje attribut genom nycklar .
- Slutligen, den console.log() metoden presenterar alla attribut för objekt genom att passera 'obj_ids' .
Produktion
Exempel 3: Object.entries()-metod i JavaScript
JavaScript tillhandahåller Object.entries() metod och returnerar alla attribut för objektet baserat på nyckelvärde par. Genom att överväga Object.entries() metod skrivs koden enligt följande.
Koda
trösta. logga ( 'Skapa en kartfunktion för objekt' ) ;konst sports_obj = {
först : 'Cricket' ,
andra : 'Fotboll' ,
tredje : 'Hockey' ,
}
konst m = ny Karta ( Objekt . poster ( sports_obj ) ) ;
trösta. logga ( m ) ;
Beskrivningen av koden är som följer:
- För det första ett föremål 'sportsobjekt' skapas med olika attribut 'första sekunden' och 'tredje'.
- Dessa attribut har olika värden som 'Cricket', 'Fotboll' och 'Hockey'.
- Efter det har Object.entries() metoden accepterar ett objekt 'sportsobjekt' och returnerar alla attribut och lagrar dem i variabeln 'm'.
- Slutligen, den console.log() metoden används för att presentera listan med attribut för objekt i konsolfönstret.
Produktion
Utdata visar antalet attribut som '3' och visar alla attribut med värden i konsolfönstret.
Slutsats
JavaScript ger en Karta() metod för att skapa en kartfunktion för att interagera med objektens egenskaper. Den itererar över alla attribut för objekt genom att använda nyckelvärden. Dessutom har map.set() metoder används för att tilldela objektens attribut. Dessutom Object.entries() metod returnerar alla attribut för objektet efter att ha skapat en kartfunktion i JavaScript. Den här artikeln visar skapandet av en kartfunktion för objekt och visar alla attribut för objekt i konsolfönstret.