- Hoe maak je een kaartfunctie voor objecten in JavaScript
- Een kaartfunctie maken en de attributen weergeven
- Een kaartfunctie maken en waarden toewijzen via map.set() in JavaScript
- Object.entries() Methode in JavaScript
Hoe maak je een kaartfunctie voor objecten in JavaScript?
JavaScript biedt een map()-methode voor objecten die werkt met een sleutel-waardepaar. Het is waardevol voor het uitvoeren van verschillende bewerkingen op objecten door gebruik te maken van sleutelwaarden. Het werkt op dezelfde manier als een array.map()-methode door elementen van een object te herhalen. Door de kaartfunctie voor objecten te beschouwen, wordt de syntaxis als volgt geschreven.
Syntaxis
kaart ( functie ( element, index )
In deze syntaxis, de functie itereert over de element door het inhoudsopgave waarde.
Opmerking : De kaart() methode maakt geen nieuw object, maar wijzigt het bestaande object via de indexwaarden.
Voorbeeld 1: Maak een kaartfunctie en geef de attributen weer
Een voorbeeld is aangepast om een kaartfunctie te creëren en verschillende waarden aan attributen toe te kennen. De methode map() herhaalt alle attributen van het object. Geef ten slotte alle attributen samen met hun waarden weer in het consolevenster. De volgende code wordt als volgt geoefend:
Code
troosten. log ( 'Maak een kaartfunctie voor objecten' ) ;laat Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Natuurkunde_Marks' : 90 } ;
Object . sleutels ( Stud_Obj ) . kaart ( functie ( sleutel waarde ) {
} ) ;
troosten. log ( Stud_Obj ) ;
In deze code:
- Er wordt een object gemaakt met de naam 'Stud_Obj' en heeft verschillende attributen, waaronder: 'Math_Marks', 'English_Marks' en 'Natuurkunde_Marks'.
- Deze attributen bevatten verschillende “80, 77 en 90” waarden toegekend door de dubbele punt.
- Daarna, Object.toetsen worden gebruikt om de attributen van een object te retourneren 'Stud_Obj'.
- De kaart() functie roept alle attributen aan die aanwezig zijn in het object via sleutel-waardeparen.
- Op het einde, de console.log() methode wordt gebruikt om het object weer te geven 'Stud_Obj' in het consolevenster.
Uitgang:
De uitvoer retourneert alle attributen 'Math_Marks', 'English_Marks' en 'Natuurkunde_Marks' met hun toegewezen waarden in het consolevenster.
Voorbeeld 2: Maak een kaartfunctie en wijs waarden toe
Een voorbeeld wordt gebruikt om een nieuw kaartobject te maken door gebruik te maken van de nieuwe trefwoord. Daarna is de kaart.set() methoden worden gebruikt om attributen in de JavaScript-code toe te wijzen.
Code
troosten. log ( 'Maak een kaartfunctie voor objecten' ) ;laat kaart = nieuwe Kaart ( ) ;
kaart. set ( 'Harry_id' , 04 ) ;
kaart. set ( 'Peter_id' , 08 ) ;
kaart. set ( 'John_id' , 07 ) ;
laat obj_ids = Array . van ( kaart ) . verminderen ( ( obj_ids, [ sleutel waarde ] ) => (
Object . toewijzen ( obj_ids, { [ sleutel ] : waarde } )
) , { } ) ;
troosten. log ( obj_ids ) ;
De uitleg van de code is als volgt:
- EEN kaart object is gemaakt met a nieuwe trefwoord dat de attributen van het object herhaalt.
- Daarna is de kaart.set() methode wordt gebruikt door de attributen toe te wijzen 'Harry_id' , 'Peter_id' en 'John_id'.
- Deze attributen hebben unieke waarden, waaronder: “04”, “08”, en “07” respectievelijk.
- Verder is de Matrix.van() methode retourneert de array van de kaart object.
- Daarna is de verminderen() methode roept de . terug obj_ids en extraheert alle attributen met waarden .
- De Object.toewijzen() methode stelt de specifieke waarde voor elk attribuut in via sleutels .
- eindelijk, de console.log() methode presenteert alle attributen van de object door voorbij te gaan 'obj_ids' .
Uitgang:
Voorbeeld 3: Object.entries() Methode in JavaScript
JavaScript biedt de Object.entry() methode en retourneert alle attributen van het object op basis van sleutel waarde paren. Door rekening te houden met de Object.entry() methode wordt de code als volgt geschreven.
Code
troosten. log ( 'Maak een kaartfunctie voor objecten' ) ;const sports_obj = {
eerst : 'Krekel' ,
seconde : 'Amerikaans voetbal' ,
derde : 'Hockey' ,
}
const m = nieuwe kaart ( Object . inzendingen ( sports_obj ) ) ;
troosten. log ( m ) ;
De beschrijving van de code is als volgt:
- Ten eerste, een object “sport_obj” is gemaakt met verschillende attributen 'eerste seconde' en 'derde'.
- Deze attributen hebben verschillende waarden als: 'Cricket', 'Voetbal' en 'Hockey'.
- Daarna is de Object.entry() methode accepteert een object “sport_obj” en geeft alle attributen terug en slaat ze op in de variabele 'm'.
- eindelijk, de console.log() methode wordt gebruikt om de lijst met attributen van objecten in het consolevenster te presenteren.
Uitgang:
De uitvoer toont het aantal attributen als '3' en toont alle attributen met waarden in het consolevenster.
Conclusie
JavaScript biedt een kaart() methode voor het maken van een kaartfunctie om te interageren met de eigenschappen van objecten. Het herhaalt alle attributen van objecten door gebruik te maken van sleutelwaarden. tevens de kaart.set() methoden worden gebruikt om de attributen van objecten toe te wijzen. Bovendien is de Object.entry() methode retourneert alle attributen van het object na het maken van een kaartfunctie in JavaScript. Dit artikel demonstreert het maken van een kaartfunctie voor objecten en toont alle attributen van objecten in het consolevenster.