Metodo della mappa array in JavaScript | Spiegato

In JavaScript, un metodo incorporato chiamato Array.Map () viene utilizzato per creare un nuovo array modificato; Per fare ciò, attraversa un array e invoca una funzione per ogni elemento dell'array. È molto utile in uno scenario in cui dobbiamo implementare alcune procedure/azioni su ciascun elemento di array. Ad esempio, moltiplicando ciascun elemento di array con un numero specifico o trova la radice quadrata di ciascun elemento di array e così via.

In questo articolo, tratteremo i risultati di apprendimento sotto l'elenco di seguito.Metodo mappa ():

• Cos'è l'array.mappa () in javascript?
• Sintassi di base
• Cosa fa l'array.Mappa () Metodo restituire?
• Come array.Il metodo Map () funziona in JavaScript?

Quindi iniziamo!

Cos'è l'array.mappa () in javascript?

Map () Map () è una funzione array integrata che crea un nuovo array modificato basato su alcuni criteri specifici. L'array.Il metodo Map () invoca una funzione di callback per ciascun elemento dell'array e crea un nuovo array modificato che contiene gli elementi modificati che vengono restituiti dalla funzione Call-Back.

Sintassi di base

Ecco la sintassi dell'array.Metodo Map () in JavaScript:

vettore.mappa (funzione (current_element, indice, arr), thisvalue)

La sintassi mostra l'array.La funzione Map () può assumere più parametri, tuttavia tutti questi parametri non sono obbligatori:

• Il parametro function () meglio noto come funzione di richiamata è obbligatorio e sarà chiamato per ogni singolo elemento dell'array.
• Current_element è un parametro richiesto che mantiene il valore dell'elemento corrente.
• L'indice è un parametro opzionale che mantiene l'indice di CurrentElement.
• ARR è un parametro opzionale che mantiene l'array corrente.
• Questo vapore è anche un parametro opzionale il cui valore predefinito non è definito e utilizza il valore passato alla funzione come valore "questo".

Cosa fa l'array.Mappa () Metodo restituire?

In JavaScript, l'array.Il metodo Map () restituisce il risultato della funzione Call-Back per ogni singolo elemento di array.

Come array.Il metodo Map () funziona in JavaScript?

Finora abbiamo imparato i concetti teorici del metodo Map (), ora implementeremo praticamente questi concetti.

Attività 1: aggiungi 50 a ciascun elemento array

In questo programma di esempio, impareremo come usare Array.Metodo Map () per aggiungere "50" a ogni singolo elemento dell'array dato:

var originalarray = [12, 16, 32, 27, -31, 17];
var result = originalArray.mappa (addValue);
funzione addValue (valori)
Valori di ritorno + 50;

console.log ("Array risultante:", risultato);

Il programma di cui sopra ha eseguito le attività di seguito:

• In primo luogo, abbiamo creato un array chiamato "OriginalArray" che include alcuni numeri positivi e negativi.
• Successivamente, abbiamo utilizzato l'array.Metodo Map () per aggiungere 50 ad ogni elemento dell'array.
• Per fare ciò, abbiamo creato una funzione denominata "addValue ()" che aggiungerà 50 all'elemento corrente dell'array e, successivamente, restituirà l'elemento modificato.
• Infine, abbiamo utilizzato il metodo Console () per stampare l'array di elementi modificati:

L'output ha dimostrato che l'array.Il metodo Map () ha restituito un array di elementi modificati (i.e., Ogni elemento è incrementato di 50).

Attività 2: come usare l'array.Metodo Map () con un array di oggetti

Nel seguente blocco di codice, impareremo come utilizzare l'array.Metodo Map () per unirsi all'EmpName e ID:

VAR Employees = [
empname: "Mike", id: 12,
empname: "seth", id: 15,
];
var empdetails = dipendenti.mappa (function (value)
return '$ valore.empname $ valore.id';
)
console.log ("Dettagli dei dipendenti:", EmpDetails);

In questo programma, abbiamo utilizzato l'array.Metodo Map () per attraversare l'array e combinare il nome del dipendente e l'ID dipendente:

Ecco come l'array.Il metodo Map () funziona con un array di oggetti.

Attività 3: come utilizzare i metodi integrati con array.Metodo mappa ()

In questo esempio impareremo come utilizzare un metodo integrato per trovare il quadrato degli elementi dell'array:

var originalArray = [3, 2, 5, 9, 7];
var resultingantarray = originalarray.mappa (sqrvalue);
funzione sqrValue (valori)
restituire matematica.Pow (valori, 2);

console.log ("Dettagli dei dipendenti:", resultyantArray);

In questo programma di esempio, abbiamo utilizzato la matematica.POW () funzione per trovare il quadrato di un elemento. Abbiamo utilizzato l'array.Metodo Map () per attraversare ciascun elemento dell'array e restituire il quadrato di ogni singolo elemento dell'array dato.

Ecco come possiamo utilizzare qualsiasi metodo integrato insieme all'array.Metodo Map () per ottenere funzionalità diverse.

Conclusione

In JavaScript, Array.Map () è una funzione di array integrata che crea un nuovo array modificato basato su alcuni criteri specifici. L'array.Il metodo Map () invoca una funzione di callback per ciascun elemento dell'array e crea un nuovo array modificato che contiene gli elementi modificati che vengono restituiti dalla funzione Call-Back. Questo articolo ha descritto cosa esattamente l'array.Il metodo Map () è? e come funziona in JavaScript usando alcuni esempi pertinenti.