JavaScript-Array map()
Beispiele
Geben Sie ein neues Array mit der Quadratwurzel aller Elementwerte zurück:
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
Multiplizieren Sie alle Werte in einem Array mit 10:
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
Weitere Beispiele unten.
Definition und Verwendung
map()
erstellt ein neues Array aus dem Aufruf einer Funktion für jedes Array-Element.
map()
ruft eine Funktion einmal für jedes Element in einem Array auf.
map()
führt die Funktion nicht für leere Elemente aus.
map()
ändert das ursprüngliche Array nicht.
Syntax
array.map(function(currentValue, index, arr), thisValue)
Parameter
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. |
Rückgabewert
Typ | Beschreibung |
Eine Anordnung | Die Ergebnisse einer Funktion für jedes Array-Element. |
Browser-Unterstützung
map()
ist eine ECMAScript5 (ES5)-Funktion.
ES5 (JavaScript 2009) wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Mehr Beispiele
Holen Sie sich den vollständigen Namen für jede Person:
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(" ");
}