JavaScript 数组Array-map()方法

时间:2019-08-20 13:50:49  来源:igfitidea点击:

说明

Javascript array map()方法创建一个新数组,其中包含对该数组中的每个元素调用所提供函数的结果。

语法

array.map(callback[, thisObject]);

参数明细

callback−从当前数组的元素生成新数组的元素的函数。

thisObject—执行回调时用作此对象的对象。

返回值

返回创建的数组。

兼容性

此方法是ECMA-262标准的JavaScript扩展;因此,它可能不会出现在该标准的其他实现中。要使其正常工作,我们需要在脚本的顶部添加以下代码。

if (!Array.prototype.map) {
   Array.prototype.map = function(fun /*, thisp*/) {
      var len = this.length;
      
      if (typeof fun != "function")
      throw new TypeError();
      
      var res = new Array(len);
      var thisp = arguments[1];
      
      for (var i = 0; i < len; i++) {
         if (i in this)
         res[i] = fun.call(thisp, this[i], i, this);
      }
      return res;
   };
}

示例

var array = [2, 4, 8];

var result = array.map(function () {
	console.log(this);
	return true;
});

console.log(result);  // [true, true, true]
console.log(array);   // [2, 4, 8]
var arr = [2, 4, 8];

var result = arr.map(function (value, index, array) {
	console.log(value, index, array); // 使用传入的值,可以进行进一步处理
	return true;
});

console.log(result);  // [true, true, true]
console.log(arr);     // [2, 4, 8]