JavaScript中ES5如何实现数组map方法

在ES5中，我们可以通过原型扩展的方式自行实现数组的map方法。以下是实现原理和代码示例：

实现原理

1. 检查调用者是否为数组
2. 创建一个新数组用于存放结果
3. 遍历原数组的每个元素
4. 对每个元素执行回调函数
5. 将回调结果存入新数组
6. 返回新数组

代码实现

Array.prototype.myMap = function(callback, thisArg) {
  if (this == null) {
    throw new TypeError('this is null or not defined');
  }
  if (typeof callback !== 'function') {
    throw new TypeError(callback + ' is not a function');
  }
  
  var O = Object(this);
  var len = O.length >>> 0;
  var A = new Array(len);
  
  for (var k = 0; k < len; k++) {
    if (k in O) {
      var kValue = O[k];
      var mappedValue = callback.call(thisArg, kValue, k, O);
      A[k] = mappedValue;
    }
  }
  
  return A;
};

使用示例

var arr = [1, 2, 3];
var newArr = arr.myMap(function(item) {
  return item * 2;
});
console.log(newArr); // [2, 4, 6]

这个实现考虑了边界情况，如空值检查、回调函数验证等，与原生map方法行为基本一致。