- Come creare una funzione mappa per oggetti in JavaScript
- Crea una funzione mappa e visualizza gli attributi
- Creazione di una funzione mappa e assegnazione di valori tramite map.set() in JavaScript
- Object.entries() Metodo in JavaScript
Come creare una funzione mappa per oggetti in JavaScript?
JavaScript fornisce un metodo map() per oggetti che funziona con una coppia chiave-valore. È utile per eseguire varie operazioni sugli oggetti utilizzando i valori chiave. Funziona in modo simile a un metodo array.map() eseguendo l'iterazione sugli elementi di un oggetto. Considerando la funzione mappa per gli oggetti, la sintassi viene scritta come segue.
Sintassi
carta geografica ( funzione ( elemento, indice )
In questa sintassi, il funzione itera sul elemento tramite la indice valore.
Nota : Il carta geografica() il metodo non crea un nuovo oggetto ma modifica l'oggetto esistente tramite i valori dell'indice.
Esempio 1: creare una funzione mappa e visualizzare gli attributi
Un esempio è adattato per creare una funzione mappa e assegnare valori diversi agli attributi. Il metodo map() itera tutti gli attributi dell'oggetto. Infine, mostra tutti gli attributi insieme ai loro valori nella finestra della console. Il codice seguente è praticato come segue:
Codice
consolle. tronco d'albero ( 'Crea una funzione mappa per oggetti' ) ;lascia Stud_Obj = {
'Math_Marks' : 80 ,
'English_Marks' : 77 ,
'Fisica_Marchi' : 90 } ;
Oggetto . chiavi ( Stud_Ogg ) . carta geografica ( funzione ( chiave, valore ) {
} ) ;
consolle. tronco d'albero ( Stud_Ogg ) ;
In questo codice:
- Viene creato un oggetto con il nome “Stud_Obj” e ha attributi diversi, tra cui “Math_Marks”, “English_Marks” e 'Fisica_Marchi'.
- Questi attributi contengono diversi “80, 77 e 90” valori assegnati dai due punti.
- Dopo di che, Chiavi.oggetto vengono utilizzati per restituire gli attributi di un oggetto 'Stud_Oggetto'.
- La mappa() chiamate di funzione per tutti gli attributi presenti nell'oggetto tramite coppie chiave-valore.
- Alla fine, il console.log() viene utilizzato per visualizzare l'oggetto “Stud_Obj” nella finestra della console.
Produzione
L'output restituisce tutti gli attributi “Math_Marks”, “English_Marks” e “Fisica_Marchi” con i valori assegnati nella finestra della console.
Esempio 2: creare una funzione mappa e assegnare valori
Un esempio viene utilizzato per creare un nuovo oggetto mappa utilizzando il nuovo parola chiave. Dopo di che, il map.set() i metodi vengono utilizzati per assegnare attributi nel codice JavaScript.
Codice
consolle. tronco d'albero ( 'Crea una funzione mappa per oggetti' ) ;lascia mappare = nuovo Carta geografica ( ) ;
carta geografica. impostare ( 'Harry_id' , 04 ) ;
carta geografica. impostare ( 'Peter_id' , 08 ) ;
carta geografica. impostare ( 'Giovanni_id' , 07 ) ;
lascia obj_ids = Vettore . da ( carta geografica ) . ridurre ( ( obj_ids, [ chiave, valore ] ) => (
Oggetto . assegnare ( obj_ids, { [ chiave ] : valore } )
) , { } ) ;
consolle. tronco d'albero ( obj_ids ) ;
La spiegazione del codice è la seguente:
- UN carta geografica l'oggetto viene creato con a nuovo parola chiave che itera sugli attributi dell'oggetto.
- Dopo di che, il map.set() viene utilizzato assegnando gli attributi 'Harry_id' , “Peter_id” e 'Giovanni_id'.
- Questi attributi hanno valori univoci tra cui “04”, “08”, e “07” rispettivamente.
- Inoltre, il Array.da() il metodo restituisce l'array da carta geografica oggetto.
- Dopo di che, il ridurre() il metodo richiama il obj_ids ed estrae tutti gli attributi con i valori .
- Il Object.assign() il metodo imposta il valore specifico per ogni attributo attraverso chiavi .
- Infine, il console.log() il metodo presenta tutti gli attributi di oggetto passando “obj_ids” .
Produzione
Esempio 3: metodo Object.entries() in JavaScript
JavaScript fornisce il Oggetti.voci() metodo e restituisce tutti gli attributi dell'oggetto basato su valore-chiave coppie. Considerando il Oggetti.voci() metodo, il codice è scritto come segue.
Codice
consolle. tronco d'albero ( 'Crea una funzione mappa per oggetti' ) ;cost sport_obj = {
primo : 'Cricket' ,
secondo : 'Calcio' ,
Terzo : 'Hockey' ,
}
cost m = nuova mappa ( Oggetto . inserimenti ( sport_obj ) ) ;
consolle. tronco d'albero ( m ) ;
La descrizione del codice è la seguente:
- In primo luogo, un oggetto “sport_obj” viene creato contenente attributi diversi 'primo secondo' e 'Terzo'.
- Questi attributi hanno valori diversi come “Grillo”, “Calcio” e 'Hockey'.
- Dopo di che, il Oggetti.voci() metodo accetta un oggetto “sport_obj” e restituisce tutti gli attributi e li memorizza nella variabile 'm'.
- Infine, il console.log() viene utilizzato per presentare l'elenco degli attributi degli oggetti nella finestra della console.
Produzione
L'output mostra il numero di attributi come '3' e mostra tutti gli attributi con valori nella finestra della console.
Conclusione
JavaScript fornisce un carta geografica() metodo per creare una funzione mappa per interagire con le proprietà degli oggetti. Itera su tutti gli attributi degli oggetti utilizzando i valori chiave. Inoltre, il map.set() i metodi vengono utilizzati per assegnare gli attributi degli oggetti. Inoltre, il Oggetti.voci() restituisce tutti gli attributi dell'oggetto dopo aver creato una funzione mappa in JavaScript. In questo articolo viene illustrata la creazione di una funzione di mappatura per gli oggetti e vengono visualizzati tutti gli attributi degli oggetti nella finestra della console.