JavaScript Array map()
示例
返回一个新数组，其中包含所有元素值的平方根
const numbers = [4, 9, 16, 25];
const newArr = numbers.map(Math.sqrt)
自己动手试一试 »
将数组中的所有值乘以 10
const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
自己动手试一试 »
更多示例见下文。
描述
map() 通过对每个数组元素调用函数来创建新数组。
map() 不会为空元素执行函数。
map() 不会改变原始数组。
数组迭代方法
语法
数组.map(function(currentValue, index, arr), thisValue)
参数
| 参数 | 描述 |
| function() | 必需。 为每个数组元素运行的函数。 |
| currentValue | 必需。 当前元素的值。 |
| index | 可选。 当前元素的索引。 |
| arr | 可选。 当前元素所属的数组。 |
| thisValue | 可选。 默认值 undefined。传递给函数的值，用作其 this 值。 |
返回值
| 类型 | 描述 |
| 一个数组 | 每个数组元素的函数结果。 |
更多示例
获取每个人的全名
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(" ");
}
自己动手试一试 »
浏览器支持
map() 是 ECMAScript5 (ES5) 的一个特性。
自 2013 年 7 月以来，所有现代浏览器都完全支持 ES5 (JavaScript 2009)
| Chrome 23 |
IE/Edge 11 |
Firefox 21 |
Safari 6 |
Opera 15 |
| 2012 年 9 月 | 2012 年 9 月 | 2013 年 4 月 | 2012 年 7 月 | 2013 年 7 月 |
