Javascript

Array.map精简版源码【js编程题】

本文主要是介绍Array.map精简版源码【js编程题】，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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
}
这篇关于Array.map精简版源码【js编程题】的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航