Jak vytvořit funkci mapy pro objekty v JavaScriptu

Jak Vytvorit Funkci Mapy Pro Objekty V Javascriptu



Objekt je stavebním kamenem pro interakci s funkcemi a vlastnostmi v JavaScriptu. Je to výhodné pro přidávání konkrétních hodnot k atributům objektu. Splňuje se s mapa() funkce, což je vestavěná funkce JavaScriptu. Iteruje přes atributy objektu s páry klíč-hodnota. Tento článek demonstruje vytváření mapových funkcí pro objekty v JavaScriptu. Obsah je následující.

Jak vytvořit funkci mapy pro objekty v JavaScriptu?

JavaScript poskytuje metodu map() pro objekty, která pracuje s párem klíč–hodnota. Je cenný pro provádění různých operací s objekty pomocí klíčových hodnot. Funguje podobně jako metoda array.map() iterací přes prvky objektu. Při zohlednění funkce map pro objekty je syntaxe zapsána následovně.

Syntax







mapa ( funkce ( prvek, index )

V této syntaxi je funkce iteruje přes živel skrz index hodnota.



Poznámka : The mapa() metoda nevytváří nový objekt, ale upravuje existující objekt prostřednictvím hodnot indexu.



Příklad 1: Vytvořte funkci mapy a zobrazte atributy

Příklad je přizpůsoben k vytvoření mapové funkce a přiřazení různých hodnot atributům. Metoda map() iteruje všechny atributy objektu. Nakonec zobrazte všechny atributy spolu s jejich hodnotami v okně konzoly. Následující kód se praktikuje následovně:





Kód

řídicí panel. log ( 'Vytvořit funkci mapy pro objekty' ) ;

nechť Stud_Obj = {

'Math_Marks' : 80 ,

'English_Marks' : 77 ,

'Fyzika_značky' : 90 } ;

Objekt . klíče ( Stud_Obj ) . mapa ( funkce ( klíč, hodnota ) {

} ) ;

řídicí panel. log ( Stud_Obj ) ;

V tomto kódu:



  • Vytvoří se objekt s názvem 'Stud_Obj' a má různé atributy, včetně 'Math_Marks', 'English_Marks' a 'Fyzikální_značky'.
  • Tyto atributy obsahují různé „80, 77 a 90“ hodnoty přiřazené dvojtečkou.
  • Potom, Object.keys se používají k vrácení atributů objektu 'Stud_Obj'.
  • Mapa() funkce volá všechny atributy přítomné v objektu prostřednictvím párů klíč-hodnota.
  • Nakonec console.log() metoda se používá k zobrazení objektu 'Stud_Obj' v okně konzoly.

Výstup

Výstup vrátí všechny atributy 'Math_Marks', 'English_Marks' a 'Fyzikální_značky' s jejich přiřazenými hodnotami v okně konzoly.

Příklad 2: Vytvoření mapovací funkce a přiřazení hodnot

Příklad se používá k vytvoření nového objektu mapy pomocí Nový klíčové slovo. Poté, map.set() metody se používají k přiřazení atributů v kódu JavaScript.

Kód

řídicí panel. log ( 'Vytvořit funkci mapy pro objekty' ) ;

nechat mapu = Nový Mapa ( ) ;

mapa. soubor ( 'Harry_id' , 04 ) ;

mapa. soubor ( 'Peter_id' , 08 ) ;

mapa. soubor ( 'John_id' , 07 ) ;

nech obj_ids = Pole . z ( mapa ) . snížit ( ( obj_ids, [ klíč, hodnota ] ) => (

Objekt . přiřadit ( obj_ids, { [ klíč ] : hodnota } )

) , { } ) ;

řídicí panel. log ( obj_ids ) ;

Vysvětlení kódu je následující:

  • A mapa objekt je vytvořen pomocí a Nový klíčové slovo, které iteruje přes atributy objektu.
  • Poté, map.set() metoda se využívá přiřazením atributů 'Harry_id' , 'Peter_id' a 'John_id'.
  • Tyto atributy mají jedinečné hodnoty včetně '04', '08', a '07' respektive.
  • Kromě toho, Array.from() metoda vrací pole z mapa objekt.
  • Poté, snížit() metoda volá zpět obj_ids a extrahuje všechny atributy pomocí hodnoty .
  • The Object.assign() metoda nastavuje konkrétní hodnotu pro každý atribut klíče .
  • Konečně, console.log() metoda představuje všechny atributy objekt průchodem 'obj_ids' .

Výstup

Příklad 3: Metoda Object.entries() v JavaScriptu

JavaScript poskytuje Object.entries() a vrátí všechny atributy objektu založené na klíč-hodnota páry. S ohledem na Object.entries() kód je zapsán následovně.

Kód

řídicí panel. log ( 'Vytvořit funkci mapy pro objekty' ) ;
konst sportovní_obj = {
První : 'Kriket' ,
druhý : 'Fotbal' ,
Třetí : 'Hokej' ,
}
konst m = nová mapa ( Objekt . záznamy ( sportovní_obj ) ) ;
řídicí panel. log ( m ) ;

Popis kódu je následující:

  • Za prvé, předmět 'sports_obj' je vytvořen obsahující různé atributy 'první vteřina' a 'Třetí'.
  • Tyto atributy mají různé hodnoty jako 'Kriket', 'Fotbal' a 'Hokej'.
  • Poté, Object.entries() metoda přijímá objekt 'sports_obj' a vrátí všechny atributy a uloží je do proměnné „m“.
  • Konečně, console.log() Metoda se používá k zobrazení seznamu atributů objektů v okně konzoly.

Výstup

Výstup zobrazuje počet atributů jako „3“ a zobrazuje všechny atributy s hodnotami v okně konzoly.

Závěr

JavaScript poskytuje a mapa() metoda pro vytvoření mapové funkce pro interakci s vlastnostmi objektů. Iteruje přes všechny atributy objektů pomocí klíčových hodnot. Kromě toho, map.set() metody se používají k přiřazení atributů objektů. Navíc, Object.entries() metoda vrací všechny atributy objektu po vytvoření mapovací funkce v JavaScriptu. Tento článek ukazuje vytvoření mapovací funkce pro objekty a zobrazuje všechny atributy objektů v okně konzoly.