Come mappare un array nel metodo della mappa array JavaScript | Spiegato con esempi

Come qualsiasi altro linguaggio di programmazione, JavaScript ci fornisce vari tipi di dati per archiviare i dati. Uno di questi tipi di dati è un array. Un array è un gruppo di elementi che possono essere utilizzati per archiviare diversi valori in una singola variabile. JavaScript ci offre metodi oggetti array che possiamo utilizzare per gestire, organizzare o accedere ai dati archiviati negli array. Uno di questi metodi integrati dell'oggetto array è il carta geografica() metodo.

Cos'è il metodo Map ()?

Il metodo della mappa dell'array JavaScript crea un nuovo array chiamando una funzione call-back (passando una funzione a un'altra funzione come argomento) su ogni singolo elemento senza modificare l'array originale.

IL Sintassi del metodo della mappa array è mostrato di seguito:

Myarr.mappa (funzione (currentValue, indice, arr), thisvalue);

Come possiamo vedere dalla sintassi sopra, il metodo Map () richiede due parametri. Il primo è Funzione (CurrentValue, Index, ARR) che è una funzione di callback ed è un parametro obbligatorio. Questa funzione di richiamata richiede tre argomenti. Il primo è il valore corrente Fare riferimento al valore corrente dell'elemento ed è un parametro obbligatorio. Il secondo parametro è il indice che ha l'indice dell'elemento corrente e il terzo è il arr che si riferisce all'array. I parametri di indice e arr sono opzionali. Il parametro successivo nel metodo Map () è questo valore che si riferisce al valore che viene passato alla funzione e questo parametro è facoltativo.

Iterare su un array usando il metodo della mappa

Ora che sappiamo cos'è un metodo della mappa dell'array, vediamo come iterare su un array usando il metodo della mappa.

var myarr = [1,2,3,4];
var newarr = myarr.mappa (function (element)
// Moltiplica Myarr con 2
// restituisce un nuovo array
Elemento di ritorno *2;
);
console.log (newarr); // [2,4,6,8]

Nel codice sopra, in primo luogo, abbiamo avviato un array con il nome di Myarr e poi chiamato carta geografica() Metodo su questo array che avvia una funzione di richiamata. Nella funzione richiamata, abbiamo moltiplicato ogni elemento del Myarr a 2. Abbiamo quindi salvato il nuovo array al Newarr Variabile e quindi registro della console Il nuovo array il cui output è mostrato di seguito:

Vediamo alcuni altri esempi del metodo Map () in JavaScript.

Elementi di array arrotondati

In questo esempio, vedremo come possiamo arrotondare elementi dell'array all'intero più vicino.

var myarr = [2.3,3.7,4.4];
var output = myarr.mappa (e => matematica.round (e));
console.registro (output); // 2,4,4

Abbiamo iniziato per la prima volta un array con il nome di Myarr e quindi ha avviato il metodo della mappa su questo array arrotondando ogni elemento del Myarr e quindi l'output di questa operazione viene salvata nella variabile produzione.

Trovare la radice quadrata

Troviamo la radice quadrata di tutti gli elementi di un array per il quale è principalmente uguale all'esempio sopra. Innanzitutto, inizieremo un array e quindi eseguiremo il metodo della mappa su di esso, memorizzando il risultato nell'output.

var myarr = [4,9,16];
var output = myarr.mappa (e => matematica.sqrt (e));
console.registro (output); // 2,3,4

Aggiunta di stringa agli elementi dell'array

In questo esempio, aggiungeremo la stringa 1 dozzina con ogni elemento dell'array. Per esempio:

var myarr = ["banana", "mela", "arancione"];
var output = myarr.mappa (e => "1 dozzina"+e);
console.registro (output);

Possiamo vedere nell'output che ogni elemento dell'array ora ha 1 dozzina nel nuovo array che è console registrata.

Ottenere il nome completo da una serie di oggetti

Vediamo un piccolo esempio complesso in cui inizieremo una serie di oggetti che conterranno il nome e il cognome di una persona. Eseguiremo quindi il metodo Map () su questo array e poi nella funzione Call Back concateremo il primo nome e il LastName per ottenere un nome fullname della persona.

const Persons = [
FirstName: "John", LastName: "Reynolds",
FirstName: "Smith", LastName: "Jhonson",
FirstName: "Sarah", LastName: "Frye"
];
funzione getfullname (item)
restituire [articolo.primo nome, articolo.cognome].giuntura(" ");

const output = persone.mappa (getfullname);
console.registro (output);

Conclusione

Per archiviare i dati JavaScript ci fornisce vari tipi di dati come un array. Un array ha metodi integrati che ci fanno gestire facilmente il nostro codice e scrivere meno codice. Uno di questi metodi dell'array è il metodo Map (). Il metodo Array Map () esegue una funzione di chiamata su ogni elemento dell'array e restituisce un nuovo array.

In questo post, abbiamo visto come mappare un array in JavaScript e che metodo MAP è in JavaScript. Oltre a ciò, abbiamo iterate su un array utilizzando il metodo Map () e quindi abbiamo fornito alcuni esempi usando il metodo Map () dell'array per trasformare gli elementi dell'array iniziato in base alla funzione di richiamata fornita.