JavaScript 数组 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() 不会改变原始数组。
语法
array.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) 功能。
ES5 (JavaScript 2009) 自 2013 年 7 月起在所有现代浏览器中得到完全支持。
| Chrome 23 |
IE/Edge 11 |
Firefox 21 |
Safari 6 |
Opera 15 |
| 2012 年 9 月 | 2012 年 9 月 | 2013 年 4 月 | 2012 年 7 月 | 2013 年 7 月 |
