Kā izveidot objektu kartes funkciju JavaScript

Ka Izveidot Objektu Kartes Funkciju Javascript



Objekts ir celtniecības bloks, lai veiktu mijiedarbību ar JavaScript funkcijām un īpašībām. Tas ir noderīgi, lai objekta atribūtiem pievienotu noteiktas vērtības. Tas piepildās ar karte () funkcija, kas ir JavaScript iebūvētā funkcionalitāte. Tā atkārto objektu atribūtus ar atslēgu un vērtību pāriem. Šajā rakstā ir parādīta kartes funkciju izveide objektiem JavaScript. Saturs ir šāds.

Kā izveidot objektu kartes funkciju JavaScript?

JavaScript nodrošina map() metodi objektiem, kas darbojas ar atslēgu un vērtību pāri. Tas ir vērtīgs, lai veiktu dažādas darbības ar objektiem, izmantojot galvenās vērtības. Tas darbojas līdzīgi kā array.map() metode, atkārtojot objekta elementus. Ņemot vērā objektu kartes funkciju, sintakse tiek uzrakstīta šādi.

Sintakse







karte ( funkciju ( elements, indekss )

Šajā sintaksē funkciju atkārtojas pāri elements caur rādītājs vērtību.



Piezīme : karte () metode nerada jaunu objektu, bet maina esošo objektu, izmantojot indeksa vērtības.



1. piemērs: izveidojiet kartes funkciju un parādiet atribūtus

Piemērs ir pielāgots, lai izveidotu kartes funkciju un piešķirtu dažādas vērtības atribūtiem. Kartes () metode atkārto visus objekta atribūtus. Visbeidzot konsoles logā parādiet visus atribūtus kopā ar to vērtībām. Šis kods tiek praktizēts šādi:





Kods

konsole. žurnāls ( 'Izveidot objektu kartes funkciju' ) ;

let Stud_Obj = {

'Math_Marks' : 80 ,

'angļu_markas' : 77 ,

'Physics_Marks' : 90 } ;

Objekts . atslēgas ( Stud_Obj ) . karte ( funkciju ( atslēga, vērtība ) {

} ) ;

konsole. žurnāls ( Stud_Obj ) ;

Šajā kodā:



  • Tiek izveidots objekts ar nosaukumu 'Stud_Obj' un tam ir dažādi atribūti, tostarp “Math_Marks”, “English_Marks” un 'Physics_Marks'.
  • Šie atribūti satur dažādus “80, 77 un 90” resnās zarnas piešķirtās vērtības.
  • Pēc tam, Object.keys tiek izmantoti, lai atgrieztu objekta atribūtus “Stud_Obj”.
  • Karte() funkcija izsauc visus objektā esošos atribūtus, izmantojot atslēgu-vērtību pārus.
  • Galu galā, console.log() metode tiek izmantota objekta attēlošanai 'Stud_Obj' konsoles logā.

Izvade

Izvade atgriež visus atribūtus “Math_Marks”, “English_Marks” un 'Physics_Marks' ar tām piešķirtajām vērtībām konsoles logā.

2. piemērs. Izveidojiet kartēšanas funkciju un piešķiriet vērtības

Piemērs tiek izmantots, lai izveidotu jaunu kartes objektu, izmantojot jauns atslēgvārds. Pēc tam, map.set() metodes tiek izmantotas, lai JavaScript kodā piešķirtu atribūtus.

Kods

konsole. žurnāls ( 'Izveidot objektu kartes funkciju' ) ;

ļaut karti = jauns Karte ( ) ;

karte. komplekts ( 'Harry_id' , 04 ) ;

karte. komplekts ( 'Pētera_id' , 08 ) ;

karte. komplekts ( 'Jāņa_id' , 07 ) ;

let obj_ids = Masīvs . no ( karte ) . samazināt ( ( obj_ids, [ atslēga, vērtība ] ) => (

Objekts . piešķirt ( obj_ids, { [ taustiņu ] : vērtību } )

) , { } ) ;

konsole. žurnāls ( obj_ids ) ;

Koda skaidrojums ir šāds:

  • A karte objekts ir izveidots ar a jauns atslēgvārds, kas atkārtojas pār objekta atribūtiem.
  • Pēc tam, map.set() metode tiek izmantota, piešķirot atribūtus 'Harijs_id' , “Pētera_id” un “Jāņa_id”.
  • Šiem atribūtiem ir unikālas vērtības, tostarp “04”, “08”, un '07' attiecīgi.
  • Turklāt, Masīvs.no() metode atgriež masīvu no karte objektu.
  • Pēc tam, samazināt () metode izsauc atpakaļ obj_ids un izvelk visus atribūtus ar vērtības .
  • The Object.assign() metode iestata konkrētu vērtību katram atribūtam caur atslēgas .
  • Visbeidzot, console.log() metode parāda visus atribūtus objektu garāmejot “obj_ids” .

Izvade

3. piemērs: Object.entries() metode JavaScript

JavaScript nodrošina Object.entries() metodi un atgriež visus objekta atribūtus, pamatojoties uz atslēgas vērtība pāriem. Ņemot vērā Object.entries() metodi, kods tiek rakstīts šādi.

Kods

konsole. žurnāls ( 'Izveidot objektu kartes funkciju' ) ;
konst sporta_obj = {
vispirms : 'krikets' ,
otrais : 'Futbols' ,
trešais : 'hokejs' ,
}
konst m = jauna karte ( Objekts . ieraksti ( sporta_obj ) ) ;
konsole. žurnāls ( m ) ;

Koda apraksts ir šāds:

  • Pirmkārt, objekts “sports_obj” ir izveidots, izmantojot dažādus atribūtus 'pirmā sekunde' un 'trešais'.
  • Šiem atribūtiem ir dažādas vērtības kā 'Krikets', 'Futbols' un 'Hokejs'.
  • Pēc tam, Object.entries() metode pieņem objektu “sports_obj” un atgriež visus atribūtus un saglabā tos mainīgajā 'm'.
  • Visbeidzot, console.log() Metode tiek izmantota, lai parādītu objektu atribūtu sarakstu konsoles logā.

Izvade

Izvade parāda atribūtu skaitu kā “3” un parāda visus atribūtus ar vērtībām konsoles logā.

Secinājums

JavaScript nodrošina a karte () metode kartes funkcijas izveidei, lai mijiedarbotos ar objektu īpašībām. Tas atkārto visus objektu atribūtus, izmantojot galvenās vērtības. Turklāt, map.set() Metodes tiek izmantotas, lai piešķirtu objektu atribūtus. Turklāt, Object.entries() metode atgriež visus objekta atribūtus pēc kartes funkcijas izveides JavaScript. Šajā rakstā ir parādīta objektu kartes funkcijas izveide un konsoles logā tiek parādīti visi objektu atribūti.