ES5如何实现数组map方法

JavaScript的Array.prototype.map()是开发中常用的高阶函数，它能够遍历数组并对每个元素执行回调函数，最终返回一个新数组。在ES5环境下，我们可以手动实现这个功能。

基本实现原理

map方法的核心逻辑是： 1. 创建一个新数组 2. 遍历原数组的每个元素 3. 对每个元素执行回调函数 4. 将回调结果存入新数组 5. 返回新数组

ES5实现代码

Array.prototype.myMap = function(callback, thisArg) {
  if (typeof callback !== 'function') {
    throw new TypeError(callback + ' is not a function');
  }
  
  var arr = this;
  var len = arr.length;
  var result = new Array(len);
  
  for (var i = 0; i < len; i++) {
    if (i in arr) {
      result[i] = callback.call(thisArg, arr[i], i, arr);
    }
  }
  
  return result;
};

关键点说明

1. 类型检查：首先检查callback是否是函数
2. 处理this：通过call方法确保回调函数的this正确
3. 稀疏数组：使用i in arr检查确保跳过稀疏数组的空位
4. 参数传递：回调函数接收当前元素、索引和原数组三个参数

这个实现基本遵循了原生map方法的行为，包括处理稀疏数组和this绑定等细节。