概述
map()
方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。
语法
array.map(callback[, thisArg])
参数
callback
- 原数组中的元素经过该方法后返回一个新的元素。
-
currentValue
-
callback
的第一个参数,数组中当前被传递的元素。 index
-
callback
的第二个参数,数组中当前被传递的元素的索引。 array
-
callback
的第三个参数,调用map
方法的数组。
thisArg
- 执行
callback
函数时this
指向的对象。
描述
map
方法会给原数组中的每个元素都按顺序调用一次 callback
函数。callback
每次执行后的返回值组合起来形成一个新数组。 callback
函数只会在有值的索引上被调用;那些从来没被赋过值或者使用 delete
删除的索引则不会被调用。
callback
函数会被自动传入三个参数:数组元素,元素索引,原数组本身。
如果 thisArg
参数有值,则每次 callback
函数被调用的时候,this
都会指向 thisArg
参数上的这个对象。如果省略了 thisArg
参数,
或者赋值为 null
或 undefined
,则 this 指向全局对象 。
map
不修改调用它的原数组本身(当然可以在 callback
执行时改变原数组)。
当一个数组运行 map
方法时,数组的长度在调用第一次 callback
方法之前就已经确定。在 map 方法整个运行过程中,不管 callback
函数中的操作给原数组是添加还是删除了元素。map
方法都不会知道,如果数组元素增加,则新增加的元素不会被 map
遍历到,如果数组元素减少,则 map
方法还会认为原数组的长度没变,从而导致数组访问越界。如果数组中的元素被改变或删除,则他们被传入 callback
的值是 map
方法遍历到他们那一刻时的值。
示例
例子:将数组中的单词转换成对应的复数形式.
下面的代码将一个数组中的所有单词转换成对应的复数形式.
function fuzzyPlural(single) {
var result = single.replace(/o/g, 'e');
if( single === 'kangaroo'){
result += 'se';
}
return result;
}
var words = ["foot", "goose", "moose", "kangaroo"];
console.log(words.map(fuzzyPlural));
// ["feet", "geese", "meese", "kangareese"]
例子:求数组中每个元素的平方根
下面的代码创建了一个新数组,值为原数组中对应数字的平方根。
var numbers =[1,4,9];
var roots= numbers.map(Math.sqrt);
/* roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9] */
例子:在字符串上使用 map
方法
下面的例子演示如在在一个string上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组:
var map= Array.prototype.map
var a = map.call("Hello World",function(x){ return x.charCodeAt(0)})
// a的值为[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]