ES5如何实现数组map方法

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绑定等细节。