js中 map的用法

167 阅读1分钟

介绍

对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组

语法

array.map(function(currentValue, index, arr), thisIndex)

语法说明

  • function(currentValue, index, arr)必须。为一个函数,数组中的每个元素都会执行这个函数。其中函数参数:
  1. currentValue必须。当前元素的的值。
  2. index可选。当前元素的索引。
  3. arr可选。当前元素属于的数组对象。

使用

map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

例如:可以给数组中的每一项乘以 2,然后返回这些乘积组成的数组

var numbers = [1,2,3,4,5,4,3,2,1];

var mapResult = numbers.map(function(item, index, array){

return item * 2;

});

alert(mapResult); //[2,4,6,8,10,8,6,4,2]

//返回的数组中包含给每个数乘以 2 之后的结果。

需要注意:

  •  map() 不会对空数组进行检测。

  •  map() 不会改变原始数组。

总结

map()适合创建包含的项与另一个数组一 一对应的数组。