Array.map精简版源码
基本思路
- 函数中的 this 指向调用这个 api 的数组
- 创建一个数组 arr 存储原函数的值
- 创建一个空数组,存放 fn 处理完的数据(fn处理数据的逻辑是开发者写的)
- 遍历原数组,把原数组中的每一项都通过fn处理,并存贮在空数组中
- 返回处理后的数据
代码实现
Array.prototype._map = function(fn){
if(typeof fn !== "function") return
// 创建一个数组 arr 存储原函数的值
let arr = this;
// 创建一个空数组,存放 fn 处理完的数据(fn处理数据的逻辑是开发者写的)
let newArr = [];
for(let i=0;i<arr.length;i++){
// 数组api中的回调函数与this无关,所以可以给fn的this指向null
let res = fn.call(null,arr[i],i,arr);
newArr.push(res)
}
// 返回处理后的数据
return newArr
}