JavaScript-arraykaart()
Voorbeelden
Retourneer een nieuwe array met de vierkantswortel van alle elementwaarden:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Vermenigvuldig alle waarden in een array met 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Hieronder meer voorbeelden.
Definitie en gebruik
map()
creëert een nieuwe array door een functie aan te roepen voor elk array-element.
map()
roept een functie één keer aan voor elk element in een array.
map()
voert de functie niet uit voor lege elementen.
map()
verandert de oorspronkelijke array niet.
Syntaxis
array.map(function(currentValue, index, arr), thisValue)
Parameters:
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. |
Winstwaarde
Type | Beschrijving |
een array | De resultaten van een functie voor elk array-element. |
Browserondersteuning
map()
is een ECMAScript5 (ES5)-functie.
ES5 (JavaScript 2009) volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Meer voorbeelden
Krijg de volledige naam voor elke persoon:
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(" ");
}