首页 教程 API文档

遍历并重组元素值

2015-09-08 15:28:44

属性


使用频率 中低
复杂程度
所属模块 Array
成员类型 原型扩展

描述


map 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。

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 方法遍历到他们那一刻时的值。

语法



Array map(Function callback,Object thisArg);
        

参数


类型 描述
Function

原数组中的元素经过该方法后返回一个新的元素

回调参数

类型 描述
var 数组中当前被传递的元素
Number 数组中当前被传递的元素的索引
Array 调用 map 方法的数组
Object 回调函数中的this对象值,如果省略该值,那么回调函数中的this对象就为当前作用域的下this对象

返回值


新的数组

相关例子


将数组中的单词转换成对应的复数形式

下面的代码将一个数组中的所有单词转换成对应的复数形式.


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]