- Kako ustvariti funkcijo preslikave za predmete v JavaScriptu
- Ustvarite funkcijo zemljevida in prikažite atribute
- Ustvarjanje funkcije zemljevida in dodeljevanje vrednosti prek map.set() v JavaScriptu
- Metoda Object.entries() v JavaScriptu
Kako ustvariti funkcijo preslikave za predmete v JavaScriptu?
JavaScript ponuja metodo map() za objekte, ki delujejo s parom ključ-vrednost. Dragocen je za izvajanje različnih operacij na objektih z uporabo ključnih vrednosti. Deluje podobno kot metoda array.map() s ponavljanjem elementov predmeta. Ob upoštevanju funkcije preslikave za objekte je sintaksa zapisana na naslednji način.
Sintaksa
zemljevid ( funkcijo ( element, indeks )
V tej sintaksi je funkcijo ponavlja čez element skozi kazalo vrednost.
Opomba : The zemljevid() metoda ne ustvari novega predmeta, ampak spremeni obstoječi objekt prek vrednosti indeksa.
Primer 1: Ustvarite funkcijo zemljevida in prikažite atribute
Primer je prilagojen za ustvarjanje funkcije zemljevida in dodeljevanje različnih vrednosti atributom. Metoda map() ponovi vse atribute objekta. Na koncu prikažite vse atribute skupaj z njihovimi vrednostmi v oknu konzole. Naslednja koda se izvaja na naslednji način:
Koda
konzola. dnevnik ( 'Ustvari funkcijo zemljevida za predmete' ) ;naj Stud_Obj = {
'matematične_ocene' : 80 ,
'Angleške_marke' : 77 ,
'Physics_Marks' : 90 } ;
Objekt . ključi ( Stud_Obj ) . zemljevid ( funkcijo ( ključ, vrednost ) {
} ) ;
konzola. dnevnik ( Stud_Obj ) ;
V tej kodi:
- Objekt je ustvarjen z imenom “Stud_Obj” in ima različne lastnosti, vključno z “Math_Marks”, “English_Marks” in “Physics_Marks”.
- Ti atributi vsebujejo različne '80, 77 in 90' vrednosti, dodeljene z dvopičjem.
- Potem, Object.keys se uporabljajo za vrnitev atributov predmeta “Stud_Obj”.
- Zemljevid() funkcija kliče vse atribute, ki so prisotni v objektu prek parov ključ-vrednost.
- Na koncu je console.log() metoda se uporablja za prikaz predmeta “Stud_Obj” v oknu konzole.
Izhod
Izhod vrne vse atribute “Math_Marks”, “English_Marks” in “Physics_Marks” z njihovimi dodeljenimi vrednostmi v oknu konzole.
Primer 2: Ustvarite funkcijo zemljevida in dodelite vrednosti
Primer je uporabljen za ustvarjanje novega predmeta zemljevida z uporabo novo ključna beseda. Po tem, map.set() metode se uporabljajo za dodeljevanje atributov v kodi JavaScript.
Koda
konzola. dnevnik ( 'Ustvari funkcijo zemljevida za predmete' ) ;naj zemljevid = novo Zemljevid ( ) ;
zemljevid. set ( 'Harry_id' , 04 ) ;
zemljevid. set ( 'Peter_id' , 08 ) ;
zemljevid. set ( 'John_id' , 07 ) ;
naj obj_ids = Array . od ( zemljevid ) . zmanjšati ( ( obj_ids, [ ključ, vrednost ] ) => (
Objekt . dodeliti ( obj_ids, { [ ključ ] : vrednost } )
) , { } ) ;
konzola. dnevnik ( obj_ids ) ;
Razlaga kode je naslednja:
- A zemljevid predmet je ustvarjen z a novo ključna beseda, ki ponavlja atribute predmeta.
- Po tem, map.set() metoda se uporablja z dodeljevanjem atributov “Harry_id” , “Peter_id” in “Janez_id”.
- Ti atributi imajo edinstvene vrednosti, vključno z “04”, “08”, in “07” oz.
- Poleg tega je Array.from() metoda vrne matriko iz zemljevid predmet.
- Po tem, zmanjšati () metoda prikliče nazaj obj_ids in ekstrahira vse atribute z vrednote .
- The Object.assign() metoda nastavi posebno vrednost vsakemu atributu skozi ključi .
- Končno, console.log() metoda predstavlja vse atribute predmet mimogrede “obj_ids” .
Izhod
Primer 3: Metoda Object.entries() v JavaScriptu
JavaScript zagotavlja Object.entries() in vrne vse atribute objekta, ki temelji na ključ-vrednost parov. Z upoštevanjem Object.entries() metoda je koda zapisana na naslednji način.
Koda
konzola. dnevnik ( 'Ustvari funkcijo zemljevida za predmete' ) ;konst športni_obj = {
prvi : 'Čriček' ,
drugo : 'Nogomet' ,
tretji : 'Hokej' ,
}
konst m = newMap ( Objekt . vnosi ( športni_obj ) ) ;
konzola. dnevnik ( m ) ;
Opis kode je naslednji:
- Prvič, predmet “športni_obj” se ustvari z različnimi atributi 'prva sekunda' in “tretji”.
- Ti atributi imajo različne vrednosti 'Kriket', 'Nogomet' in 'Hokej'.
- Po tem, Object.entries() metoda sprejme objekt “športni_obj” in vrne vse atribute ter jih shrani v spremenljivko 'm'.
- Končno, console.log() metoda se uporablja za predstavitev seznama atributov objektov v oknu konzole.
Izhod
Izhod prikazuje število atributov kot '3' in prikaže vse atribute z vrednostmi v oknu konzole.
Zaključek
JavaScript zagotavlja a zemljevid() metoda za ustvarjanje funkcije zemljevida za interakcijo z lastnostmi predmetov. Ponavlja vse atribute predmetov z uporabo ključnih vrednosti. Poleg tega je map.set() metode se uporabljajo za dodeljevanje atributov objektov. Poleg tega je Object.entries() vrne vse atribute predmeta po ustvarjanju funkcije zemljevida v JavaScriptu. Ta članek prikazuje ustvarjanje funkcije zemljevida za predmete in prikazuje vse atribute predmetov v oknu konzole.