Kako stvoriti funkciju karte za objekte u JavaScriptu

Kako Stvoriti Funkciju Karte Za Objekte U Javascriptu



Objekt je građevni blok za interakciju s funkcijama i svojstvima u JavaScriptu. Korisno je za dodavanje specifičnih vrijednosti atributima objekta. Obistinjuje se s karta() funkcija, koja je ugrađena funkcija JavaScripta. Iterira preko atributa objekta s parovima ključ-vrijednost. Ovaj članak demonstrira stvaranje funkcija karte za objekte u JavaScriptu. Sadržaj je sljedeći.

Kako stvoriti funkciju karte za objekte u JavaScriptu?

JavaScript pruža metodu map() za objekte koji rade s parom ključ-vrijednost. Vrijedan je za izvođenje raznih operacija na objektima korištenjem vrijednosti ključa. Djeluje slično metodi array.map() iteracijom preko elemenata objekta. Uzimajući u obzir funkciju karte za objekte, sintaksa je napisana kako slijedi.

Sintaksa







karta ( funkcija ( element, indeks )

U ovoj sintaksi, funkcija ponavlja preko element kroz indeks vrijednost.



Bilješka : The karta() metoda ne stvara novi objekt već modificira postojeći objekt kroz vrijednosti indeksa.



Primjer 1: Stvorite funkciju karte i prikažite atribute

Primjer je prilagođen za izradu funkcije karte i dodjeljivanje različitih vrijednosti atributima. Metoda map() ponavlja sve atribute objekta. Na kraju, prikažite sve atribute zajedno s njihovim vrijednostima u prozoru konzole. Sljedeći kod se prakticira na sljedeći način:





Kodirati

konzola. log ( 'Stvorite funkciju karte za objekte' ) ;

neka Stud_Obj = {

'Matematičke_ocjene' : 80 ,

'Engleske_marke' : 77 ,

'Ocjene_iz fizike' : 90 } ;

Objekt . ključevi ( Stud_Obj ) . karta ( funkcija ( ključ, vrijednost ) {

} ) ;

konzola. log ( Stud_Obj ) ;

U ovom kodu:



  • S imenom se stvara objekt “Stud_Obj” i ima različite atribute, uključujući “Matematičke_ocjene”, “engleske_ocjene” i “Ocjene_iz fizike”.
  • Ovi atributi sadrže različite “80, 77 i 90” vrijednosti dodijeljene dvotočkom.
  • nakon toga, Objekt.ključevi koriste se za vraćanje atributa objekta “Stud_Obj”.
  • Karta() funkcija poziva za sve atribute prisutne u objektu kroz parove ključ-vrijednost.
  • Na kraju, konzola.log() metoda se koristi za prikaz objekta “Stud_Obj” u prozoru konzole.

Izlaz

Izlaz vraća sve atribute “Matematičke_ocjene”, “engleske_ocjene” i “Ocjene_iz fizike” s njihovim dodijeljenim vrijednostima u prozoru konzole.

Primjer 2: Stvorite funkciju karte i dodijelite vrijednosti

Primjer se koristi za stvaranje novog objekta karte korištenjem novi ključna riječ. Nakon toga, map.set() metode se koriste za dodjelu atributa u JavaScript kodu.

Kodirati

konzola. log ( 'Stvorite funkciju karte za objekte' ) ;

neka karta = novi Karta ( ) ;

karta. postaviti ( 'Harry_id' , 04 ) ;

karta. postaviti ( 'Petar_id' , 08 ) ;

karta. postaviti ( 'Ivan_id' , 07 ) ;

neka obj_ids = Niz . iz ( karta ) . smanjiti ( ( obj_ids, [ ključ, vrijednost ] ) => (

Objekt . dodijeliti ( obj_ids, { [ ključ ] : vrijednost } )

) , { } ) ;

konzola. log ( obj_ids ) ;

Objašnjenje koda je sljedeće:

  • A karta objekt je kreiran pomoću a novi ključna riječ koja ponavlja atribute objekta.
  • Nakon toga, map.set() metoda se koristi dodjeljivanjem atributa “Harry_id” , “Peter_id” i “Ivan_id”.
  • Ovi atributi imaju jedinstvene vrijednosti uključujući “04”, “08”, i “07” odnosno.
  • Nadalje, Array.from() metoda vraća niz iz karta objekt.
  • Nakon toga, smanjiti() metoda poziva natrag obj_ids i izdvaja sve atribute sa vrijednosti .
  • The Object.assign() metoda postavlja specifičnu vrijednost za svaki atribut kroz ključevi .
  • Konačno, konzola.log() metoda predstavlja sve atribute objekt mimoilaženjem “obj_ids” .

Izlaz

Primjer 3: Metoda Object.entries() u JavaScriptu

JavaScript pruža Object.entries() metoda i vraća sve atribute objekta na temelju ključ-vrijednost parovi. Uzimajući u obzir Object.entries() metoda, kod je napisan na sljedeći način.

Kodirati

konzola. log ( 'Stvorite funkciju karte za objekte' ) ;
konst sportski_obj = {
prvi : 'Kriket' ,
drugi : 'Nogomet' ,
treći : 'Hokej' ,
}
konst m = novaMapa ( Objekt . unose ( sportski_obj ) ) ;
konzola. log ( m ) ;

Opis koda je sljedeći:

  • Prvo, objekt “sportski_obj” kreiran je s različitim atributima 'prva sekunda' i 'treći'.
  • Ovi atributi imaju različite vrijednosti kao 'Kriket', 'Nogomet' i 'Hokej'.
  • Nakon toga, Object.entries() metoda prihvaća objekt “sportski_obj” te vraća sve atribute i pohranjuje ih u varijablu 'm'.
  • Konačno, konzola.log() Metoda se koristi za predstavljanje popisa atributa objekata u prozoru konzole.

Izlaz

Izlaz prikazuje broj atributa kao '3' i prikazuje sve atribute s vrijednostima u prozoru konzole.

Zaključak

JavaScript pruža a karta() metoda za stvaranje funkcije karte za interakciju sa svojstvima objekata. Iterira po svim atributima objekata koristeći ključne vrijednosti. Osim toga, map.set() metode se koriste za dodjelu atributa objekata. Štoviše, Object.entries() metoda vraća sve atribute objekta nakon stvaranja funkcije karte u JavaScriptu. Ovaj članak demonstrira stvaranje funkcije karte za objekte i prikazuje sve atribute objekata u prozoru konzole.