Come creare una funzione mappa per gli oggetti in javascript

Come creare una funzione mappa per gli oggetti in javascript
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.