- Hogyan hozzunk létre térképfüggvényt objektumokhoz JavaScriptben
- Hozzon létre egy térképfüggvényt, és jelenítse meg az attribútumokat
- Leképezési függvény létrehozása és értékek hozzárendelése a map.set() segítségével JavaScriptben
- Object.entries() Metódus JavaScriptben
Hogyan hozzunk létre térképfüggvényt az objektumokhoz JavaScriptben?
A JavaScript egy map() metódust biztosít az objektumokhoz, amelyek kulcs-érték párral működnek. Értékes az objektumokon végzett különféle műveletek kulcsértékek felhasználásával történő végrehajtásához. Hasonlóan működik, mint egy array.map() metódus, egy objektum elemei felett iterál. Az objektumok leképezési funkcióját figyelembe véve a szintaxis a következőképpen kerül felírásra.
Szintaxis
térkép ( funkció ( elem, index )
Ebben a szintaxisban a funkció ismétlődik a elem keresztül index érték.
jegyzet : Az térkép() metódus nem hoz létre új objektumot, hanem módosítja a meglévő objektumot az indexértékeken keresztül.
1. példa: Hozzon létre egy leképezési függvényt és jelenítse meg az attribútumokat
Egy példa egy térképfüggvény létrehozására és az attribútumokhoz különböző értékek hozzárendelésére szolgál. A map() metódus az objektum összes attribútumait iterálja. Végül jelenítse meg az összes attribútumot az értékükkel együtt a konzolablakban. A következő kódot a következőképpen gyakoroljuk:
Kód
konzol. log ( 'Térképfüggvény létrehozása objektumokhoz' ) ;legyen Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Physics_Marks' : 90 } ;
Tárgy . kulcsok ( Stud_Obj ) . térkép ( funkció ( kulcs érték ) {
} ) ;
konzol. log ( Stud_Obj ) ;
Ebben a kódban:
- Létrejön egy objektum a névvel 'Stud_Obj' és különböző attribútumokkal rendelkezik, beleértve „Math_Marks”, „English_Marks” és „Physics_Marks”.
- Ezek az attribútumok különböző „80, 77 és 90” a kettőspont által hozzárendelt értékek.
- Utána, Object.keys egy objektum attribútumainak visszaadására szolgálnak „Stud_Obj”.
- A térkép() függvény kulcs-érték párokon keresztül meghívja az objektumban található összes attribútumot.
- A végén a console.log() módszert használják az objektum megjelenítésére 'Stud_Obj' a konzol ablakában.
Kimenet
A kimenet visszaadja az összes attribútumot „Math_Marks”, „English_Marks” és „Physics_Marks” a hozzájuk rendelt értékekkel a konzolablakban.
2. példa: Leképezési függvény létrehozása és értékek hozzárendelése
Egy példa egy új térképobjektum létrehozására szolgál a új kulcsszó. Ezt követően a map.set() metódusokat használnak az attribútumok hozzárendelésére a JavaScript kódban.
Kód
konzol. log ( 'Térképfüggvény létrehozása objektumokhoz' ) ;hadd térképezzen = új Térkép ( ) ;
térkép. készlet ( 'Harry_id' , 04 ) ;
térkép. készlet ( 'Péter_id' , 08 ) ;
térkép. készlet ( 'John_id' , 07 ) ;
legyen obj_ids = Sor . tól től ( térkép ) . csökkenteni ( ( obj_ids, [ kulcs érték ] ) => (
Tárgy . hozzárendelni ( obj_ids, { [ kulcs ] : érték } )
) , { } ) ;
konzol. log ( obj_ids ) ;
A kód magyarázata a következő:
- A térkép objektum létrehozása a új kulcsszó, amely az objektum attribútumai felett ismétlődik.
- Ezt követően a map.set() metódus az attribútumok hozzárendelésével kerül felhasználásra 'Harry_id' , „Péter_id” és „John_id”.
- Ezek az attribútumok egyedi értékekkel rendelkeznek, beleértve „04”, „08”, és '07' illetőleg.
- Továbbá a Array.from() metódus visszaadja a tömböt a térkép tárgy.
- Ezt követően a csökkenti() metódus visszahívja a obj_ids és kivonja az összes attribútumot a értékeket .
- Az Object.assign() metódus beállítja a konkrét értéket minden egyes attribútumhoz keresztül kulcsok .
- Végül a console.log() metódus bemutatja az összes attribútumot tárgy elhaladással „obj_ids” .
Kimenet
3. példa: Object.entries() metódus JavaScriptben
A JavaScript biztosítja a Object.entries() metódust, és visszaadja az objektum összes attribútuma alapján kulcs érték párok. Figyelembe véve a Object.entries() módszerrel a kód a következőképpen íródik.
Kód
konzol. log ( 'Térképfüggvény létrehozása objektumokhoz' ) ;const sport_obj = {
első : 'Krikett' ,
második : 'Futball' ,
harmadik : 'Jégkorong' ,
}
const m = újtérkép ( Tárgy . bejegyzés ( sport_obj ) ) ;
konzol. log ( m ) ;
A kód leírása a következő:
- Először is egy tárgy „sport_obj” különböző attribútumokat tartalmaz 'első perc' és 'harmadik'.
- Ezeknek az attribútumoknak különböző értékei vannak, mint „Tücsök”, „Futball” és 'Jégkorong'.
- Ezt követően a Object.entries() metódus elfogad egy objektumot „sport_obj” és visszaadja az összes attribútumot és eltárolja azokat a változóban „m”.
- Végül a console.log() metódust használjuk az objektumok attribútumainak listájának megjelenítésére a konzolablakban.
Kimenet
A kimenet az attribútumok számát „3”-ként jeleníti meg, és megjeleníti az összes attribútumot értékkel a konzolablakban.
Következtetés
A JavaScript biztosítja a térkép() metódus egy térképfüggvény létrehozására az objektumok tulajdonságaival való interakcióhoz. Iterál az objektumok összes attribútuma felett a kulcsértékek felhasználásával. Ezen kívül a map.set() metódusokat használnak az objektumok attribútumainak hozzárendelésére. Sőt, a Object.entries() metódus visszaadja az objektum összes attribútumait, miután létrehozott egy leképezési függvényt JavaScriptben. Ez a cikk bemutatja az objektumok leképezési függvényének létrehozását, és megjeleníti az objektumok összes attribútumait a konzolablakban.