Ako vytvoriť funkciu mapy pre objekty v JavaScripte

Ako Vytvorit Funkciu Mapy Pre Objekty V Javascripte



Objekt je stavebným kameňom umožňujúcim interakciu s funkciami a vlastnosťami v JavaScripte. Je to výhodné na pridávanie špecifických hodnôt do atribútov objektu. Spĺňa sa to s mapa() funkciu, ktorá je vstavanou funkcionalitou JavaScriptu. Iteruje atribúty objektu pomocou párov kľúč – hodnota. Tento článok demonštruje vytváranie mapových funkcií pre objekty v JavaScripte. Obsah je nasledovný.

Ako vytvoriť funkciu mapy pre objekty v JavaScripte?

JavaScript poskytuje metódu map() pre objekty, ktorá pracuje s párom kľúč – hodnota. Je cenný na vykonávanie rôznych operácií s objektmi pomocou kľúčových hodnôt. Funguje podobne ako metóda array.map() iterovaním prvkov objektu. Pri zohľadnení funkcie mapy pre objekty je syntax napísaná nasledovne.

Syntax







mapa ( funkciu ( prvok, index )

V tejto syntaxi je funkciu iteruje cez prvok cez index hodnotu.



Poznámka : The mapa() metóda nevytvára nový objekt, ale upravuje existujúci objekt prostredníctvom hodnôt indexu.



Príklad 1: Vytvorte funkciu mapy a zobrazte atribúty

Príklad je prispôsobený na vytvorenie mapovej funkcie a priradenie rôznych hodnôt atribútom. Metóda map() iteruje všetky atribúty objektu. Nakoniec zobrazte všetky atribúty spolu s ich hodnotami v okne konzoly. Nasledujúci kód sa praktizuje takto:





kód

konzola. log ( 'Vytvorte funkciu mapy pre objekty' ) ;

nech Stud_Obj = {

'Math_Marks' : 80 ,

'English_Marks' : 77 ,

'Fyzikálne značky' : 90 } ;

Objekt . kľúče ( Stud_Obj ) . mapa ( funkciu ( kľúč, hodnota ) {

} ) ;

konzoly. log ( Stud_Obj ) ;

V tomto kóde:



  • Vytvorí sa objekt s názvom 'Stud_Obj' a má rôzne atribúty, vrátane 'Math_Marks', 'English_Marks' a 'Fyzikálne značky'.
  • Tieto atribúty obsahujú rôzne '80, 77 a 90' hodnoty priradené dvojbodkou.
  • Potom, Object.keys sa používajú na vrátenie atribútov objektu 'Stud_Obj'.
  • Mapa() funkcia volá všetky atribúty prítomné v objekte prostredníctvom párov kľúč-hodnota.
  • Nakoniec, console.log() metóda sa používa na zobrazenie objektu 'Stud_Obj' v okne konzoly.

Výkon

Výstup vráti všetky atribúty 'Math_Marks', 'English_Marks' a 'Fyzikálne značky' s ich priradenými hodnotami v okne konzoly.

Príklad 2: Vytvorte funkciu mapy a priraďte hodnoty

Príklad sa používa na vytvorenie nového objektu mapy pomocou Nový kľúčové slovo. Po tom, map.set() metódy sa používajú na priradenie atribútov v kóde JavaScript.

kód

konzoly. log ( 'Vytvorte funkciu mapy pre objekty' ) ;

nechať mapu = Nový Mapa ( ) ;

mapa. nastaviť ( 'Harry_id' , 04 ) ;

mapa. nastaviť ( 'Peter_id' , 08 ) ;

mapa. nastaviť ( 'John_id' , 07 ) ;

nech obj_ids = Pole . od ( mapa ) . znížiť ( ( obj_ids, [ kľúč, hodnota ] ) => (

Objekt . priradiť ( obj_ids, { [ kľúč ] : hodnotu } )

) , { } ) ;

konzoly. log ( obj_ids ) ;

Vysvetlenie kódu je nasledovné:

  • A mapa objekt je vytvorený s a Nový kľúčové slovo, ktoré iteruje cez atribúty objektu.
  • Po tom, map.set() metóda sa využíva priraďovaním atribútov 'Harry_id' , 'Peter_id' a „John_id“.
  • Tieto atribúty majú jedinečné hodnoty vrátane '04', '08', a '07' resp.
  • Okrem toho, Array.from() metóda vráti pole z mapa objekt.
  • Po tom, znížiť () metóda volá späť obj_ids a extrahuje všetky atribúty pomocou hodnoty .
  • The Object.assign() nastaví špecifickú hodnotu pre každý atribút kľúče .
  • Nakoniec, console.log() metóda prezentuje všetky atribúty objekt míňaním 'obj_ids' .

Výkon

Príklad 3: Metóda Object.entries() v JavaScripte

JavaScript poskytuje Object.entries() a vráti všetky atribúty objektu na základe kľúč-hodnota párov. Pri zohľadnení Object.entries() spôsob je kód napísaný nasledovne.

kód

konzola. log ( 'Vytvorte funkciu mapy pre objekty' ) ;
konšt sport_obj = {
najprv : 'kriket' ,
druhý : 'Futbal' ,
tretí : 'hokej' ,
}
konšt m = nová mapa ( Objekt . záznamy ( sport_obj ) ) ;
konzoly. log ( m ) ;

Popis kódu je nasledovný:

  • Po prvé, predmet 'sports_obj' je vytvorený s rôznymi atribútmi 'prvy druhý' a „tretí“.
  • Tieto atribúty majú rôzne hodnoty ako 'Kriket', 'Futbal' a 'Hokej'.
  • Po tom, Object.entries() metóda prijíma objekt 'sports_obj' a vráti všetky atribúty a uloží ich do premennej „m“.
  • Nakoniec, console.log() metóda sa používa na zobrazenie zoznamu atribútov objektov v okne konzoly.

Výkon

Výstup zobrazuje počet atribútov ako „3“ a zobrazuje všetky atribúty s hodnotami v okne konzoly.

Záver

JavaScript poskytuje a mapa() metóda na vytvorenie mapovej funkcie na interakciu s vlastnosťami objektov. Iteruje cez všetky atribúty objektov pomocou kľúčových hodnôt. Okrem toho, map.set() metódy sa používajú na priradenie atribútov objektov. Navyše, Object.entries() metóda vráti všetky atribúty objektu po vytvorení mapovej funkcie v JavaScripte. Tento článok demonštruje vytvorenie funkcie mapy pre objekty a zobrazuje všetky atribúty objektov v okne konzoly.