- Cum se creează o funcție de hartă pentru obiecte în JavaScript
- Creați o funcție de hartă și afișați atributele
- Crearea unei funcții de hartă și atribuirea de valori prin map.set() în JavaScript
- Object.entries() Metoda în JavaScript
Cum se creează o funcție de hartă pentru obiecte în JavaScript?
JavaScript oferă o metodă map() pentru obiecte care funcționează cu o pereche cheie-valoare. Este valoros pentru efectuarea diferitelor operațiuni asupra obiectelor prin utilizarea valorilor cheie. Funcționează în mod similar cu o metodă array.map() prin iterarea elementelor unui obiect. Luând în considerare funcția map pentru obiecte, sintaxa este scrisă după cum urmează.
Sintaxă
Hartă ( funcţie ( element, index )
În această sintaxă, funcţie repetă peste element prin index valoare.
Notă : The Hartă() metoda nu creează un obiect nou, ci modifică obiectul existent prin valorile indexului.
Exemplul 1: Creați o funcție de hartă și afișați atributele
Un exemplu este adaptat pentru a crea o funcție de hartă și pentru a atribui diferite valori atributelor. Metoda map() repetă toate atributele obiectului. În cele din urmă, afișați toate atributele împreună cu valorile lor în fereastra consolei. Următorul cod se practică după cum urmează:
Cod
consolă. Buturuga ( „Creați o funcție de hartă pentru obiecte” ) ;lasă Stud_Obj = {
„Marcă_matematică” : 80 ,
„Marcă_engleză” : 77 ,
„Marcă_fizică” : 90 } ;
Obiect . chei ( Stud_Obj ) . Hartă ( funcţie ( valoare cheie ) {
} ) ;
consolă. Buturuga ( Stud_Obj ) ;
În acest cod:
- Un obiect este creat cu numele „Stud_Obj” și are atribute diferite, inclusiv „Math_Marks”, „English_Marks” și „Marcă_fizică”.
- Aceste atribute conțin diferite „80, 77 și 90” valorile atribuite de două puncte.
- Dupa aceea, Obiect.chei sunt utilizate pentru a returna atributele unui obiect „Stud_Obj”.
- Harta() funcția solicită toate atributele prezente în obiect prin perechi cheie-valoare.
- În cele din urmă, cel console.log() metoda este folosită pentru a afișa obiectul „Stud_Obj” în fereastra consolei.
Ieșire
Ieșirea returnează toate atributele „Math_Marks”, „English_Marks” și „Marcă_fizică” cu valorile lor atribuite în fereastra consolei.
Exemplul 2: Creați o funcție de hartă și atribuiți valori
Un exemplu este folosit pentru a crea un nou obiect hartă utilizând nou cuvânt cheie. După aceea, map.set() metodele sunt utilizate pentru a atribui atribute în codul JavaScript.
Cod
consolă. Buturuga ( „Creați o funcție de hartă pentru obiecte” ) ;lasa harta = nou Hartă ( ) ;
Hartă. a stabilit ( 'Harry_id' , 04 ) ;
Hartă. a stabilit ( „Peter_id” , 08 ) ;
Hartă. a stabilit ( „John_id” , 07 ) ;
lasă obj_ids = Matrice . din ( Hartă ) . reduce ( ( obj_ids, [ valoare cheie ] ) => (
Obiect . atribui ( obj_ids, { [ cheie ] : valoare } )
) , { } ) ;
consolă. Buturuga ( obj_ids ) ;
Explicația codului este următoarea:
- A Hartă obiectul este creat cu a nou cuvânt cheie care iterează peste atributele obiectului.
- După aceea, map.set() metoda este utilizată prin atribuirea atributelor „Harry_id” , „Peter_id” și „John_id”.
- Aceste atribute au valori unice, inclusiv „04”, „08”, și „07” respectiv.
- În plus, cel Array.from() metoda returnează tabloul din Hartă obiect.
- După aceea, reduce() metoda apelează înapoi obj_ids și extrage toate atributele cu valorile .
- The Object.assign() metoda setează valoarea specifică fiecărui atribut prin chei .
- În cele din urmă, cel console.log() metoda prezintă toate atributele obiect prin trecere „obj_ids” .
Ieșire
Exemplul 3: Metoda Object.entries() în JavaScript
JavaScript oferă Object.entries() metoda și returnează toate atributele obiectului bazate pe valoare cheie perechi. Luând în considerare Object.entries() metoda, codul este scris după cum urmează.
Cod
consolă. Buturuga ( „Creați o funcție de hartă pentru obiecte” ) ;const sport_obj = {
primul : 'crichet' ,
al doilea : 'Fotbal' ,
al treilea : 'Hochei' ,
}
const m = hartă nouă ( Obiect . intrări ( sport_obj ) ) ;
consolă. Buturuga ( m ) ;
Descrierea codului este următoarea:
- În primul rând, un obiect „sport_obj” este creat conținând diferite atribute 'prima secunda' și 'al treilea'.
- Aceste atribute au valori diferite ca „Cricket”, „Fotbal” și 'Hochei'.
- După aceea, Object.entries() metoda acceptă un obiect „sport_obj” și returnează toate atributele și le stochează în variabilă „m”.
- În cele din urmă, cel console.log() metoda este folosită pentru a prezenta lista de atribute ale obiectelor în fereastra consolei.
Ieșire
Ieșirea arată numărul de atribute ca „3” și afișează toate atributele cu valori în fereastra consolei.
Concluzie
JavaScript oferă a Hartă() metodă pentru crearea unei funcții de hartă pentru a interacționa cu proprietățile obiectelor. Iterează peste toate atributele obiectelor utilizând valori cheie. In plus map.set() metodele sunt utilizate pentru a atribui atributele obiectelor. Mai mult, cel Object.entries() metoda returnează toate atributele obiectului după crearea unei funcții de hartă în JavaScript. Acest articol demonstrează crearea unei funcții de hartă pentru obiecte și afișează toate atributele obiectelor în fereastra consolei.