Un oggetto è il blocco per fare l'interazione con funzioni e proprietà in JavaScript. È utile aggiungere valori specifici agli attributi di un oggetto. Diventa realtà con il
carta geografica() funzione, che è la funzionalità integrata di JavaScript. Itera sugli attributi dell'oggetto con le coppie di valore chiave. Questo articolo dimostra la creazione di funzioni MAP per gli oggetti in JavaScript. Il contenuto è il seguente.
- Come creare una funzione mappa per gli oggetti in javascript
- Crea una funzione mappa e visualizza gli attributi
- Creazione di una funzione mappa e assegnare valori tramite mappa.Set () in JavaScript
- Oggetto.Metodo voci () in javascript
Come creare una funzione mappa per gli oggetti in javascript?
JavaScript fornisce un metodo Map () per gli oggetti che funzionano con una coppia di valore chiave. È prezioso per eseguire varie operazioni sugli oggetti utilizzando i valori chiave. Funziona in modo simile a un array.Metodo map () iterando su elementi di un oggetto. Considerando la funzione MAP per gli oggetti, la sintassi è scritta come segue.
Sintassi
mappa (funzione (elemento, indice)
In questa sintassi, il funzione iterate sul elemento tramite la indice valore.
Nota: IL carta geografica() Il metodo non crea un nuovo oggetto ma modifica l'oggetto esistente attraverso 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, visualizza tutti gli attributi insieme ai loro valori nella finestra della console. Il seguente codice viene praticato come segue:
Codice
console.log ("crea una funzione mappa per gli oggetti");
let Stud_obj =
"Math_marks": 80,
"English_marks": 77,
"Physics_marks": 90;
Oggetto.Keys (Stud_Obj).mappa (function (key, value)
);
console.log (stud_obj);
In questo codice:
- Un oggetto viene creato con il nome "Stud_obj" e ha attributi diversi, incluso "Math_marks", "English_Marks" E "Physics_marks".
- Questi attributi contengono diversi "80, 77 e 90" valori assegnati dal colon.
- Dopo di che, Oggetto.tasti vengono utilizzati per restituire gli attributi di un oggetto "Stud_obj".
- La mappa() La funzione richiede tutti gli attributi presenti nell'oggetto tramite coppie di valore chiave.
- Alla fine, il console.tronco d'albero() Il metodo viene utilizzato per visualizzare l'oggetto "Stud_obj" Nella finestra della console.
Produzione
L'output restituisce tutti gli attributi "Math_marks", "English_Marks" E "Physics_marks" con i loro valori assegnati nella finestra della console.
Esempio 2: crea una funzione mappa e assegna i valori
Un esempio viene utilizzato per creare un nuovo oggetto mappa utilizzando il nuovo parola chiave. Dopodiché, il carta geografica.impostato() I metodi sono utilizzati per assegnare gli attributi nel codice JavaScript.
Codice
console.log ("crea una funzione mappa per gli oggetti");
let map = new map ();
carta geografica.set ("harry_id", 04);
carta geografica.set ("peter_id", 08);
carta geografica.set ("John_id", 07);
let obj_ids = array.da (mappa).ridotta ((obj_ids, [chiave, valore]) => (
Oggetto.Assegna (obj_ids, [key]: value)
), );
console.log (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.
- Dopodiché, il carta geografica.impostato() Il metodo viene utilizzato assegnando gli attributi "Harry_id", "Peter_id" E "John_id".
- Questi attributi hanno valori unici tra cui "04", "08", E "07" rispettivamente.
- Inoltre, il Vettore.da() Il metodo restituisce l'array dal carta geografica oggetto.
- Dopodiché, il ridurre() Il metodo richiama il file obj_ids ed estrae tutti gli attributi con valori.
- IL Oggetto.assegnare() Il metodo imposta il valore specifico su ciascun attributo attraverso tasti.
- Finalmente il console.tronco d'albero() Il metodo presenta tutti gli attributi del oggetto passando "OBJ_IDS".
Produzione
Esempio 3: oggetto.Metodo voci () in javascript
JavaScript fornisce il Oggetto.inserimenti() metodo e restituisce tutti gli attributi dell'oggetto in base a valore chiave coppie. Considerando il Oggetto.inserimenti() Metodo, il codice è scritto come segue.
Codice
console.log ("crea una funzione mappa per gli oggetti");
const sports_obj =
Primo: "cricket",
Secondo: "calcio",
Terzo: "hockey",
const m = newmap (oggetto.voci (sports_obj));
console.log (m);
La descrizione del codice è la seguente:
- In primo luogo, un oggetto "Sports_obj" è creato contenente attributi diversi "primo secondo" E "terzo".
- Questi attributi hanno valori diversi come "Cricket", "Football" E "Hockey".
- Dopodiché, il Oggetto.inserimenti() Il metodo accetta un oggetto "Sports_obj" e restituisce tutti gli attributi e li memorizza nella variabile "M".
- Finalmente il console.tronco d'albero() Il metodo 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 visualizza tutti gli attributi con valori nella finestra della console.
Conclusione
JavaScript fornisce a carta geografica() Metodo per la creazione di una funzione mappa per interagire con le proprietà degli oggetti. Itera su tutti gli attributi degli oggetti utilizzando i valori chiave. Inoltre, il carta geografica.impostato() I metodi sono utilizzati per assegnare gli attributi degli oggetti. Inoltre, il Oggetto.inserimenti() Il metodo restituisce tutti gli attributi dell'oggetto dopo aver creato una funzione mappa in JavaScript. Questo articolo dimostra la creazione di una funzione MAP per oggetti e visualizza tutti gli attributi degli oggetti nella finestra della console.