Carte de tableau JavaScript()
Exemples
Renvoie un nouveau tableau avec la racine carrée de toutes les valeurs d'élément :
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Multipliez toutes les valeurs d'un tableau par 10 :
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Plus d'exemples ci-dessous.
Définition et utilisation
map()
crée un nouveau tableau en appelant une fonction pour chaque élément du tableau.
map()
appelle une fonction une fois pour chaque élément d'un tableau.
map()
n'exécute pas la fonction pour les éléments vides.
map()
ne modifie pas le tableau d'origine.
Syntaxe
array.map(function(currentValue, index, arr), thisValue)
Paramètres
Parameter | Description |
function() | Required. A function to be run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default value undefined .A value passed to the function to be used as its this value. |
Valeur de retour
Taper | La description |
Un tableau | Les résultats d'une fonction pour chaque élément du tableau. |
Prise en charge du navigateur
map()
est une fonctionnalité ECMAScript5 (ES5).
ES5 (JavaScript 2009) entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Plus d'exemples
Obtenez le nom complet de chaque personne :
const persons = [
{firstname : "Malcom", lastname: "Reynolds"},
{firstname : "Kaylee", lastname: "Frye"},
{firstname : "Jayne", lastname: "Cobb"}
];
persons.map(getFullName);
function getFullName(item) {
return [item.firstname,item.lastname].join(" ");
}