map实现原理-很重要

最新推荐文章于 2025-10-19 21:32:13 发布

原创最新推荐文章于 2025-10-19 21:32:13 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#map实现原理

web-javascript 专栏收录该内容

93 篇文章

订阅专栏

本文介绍了一种在JavaScript中手动实现数组map方法的过程。通过具体的代码示例展示了如何定义一个自定义的map方法来对数组中的每个元素进行操作并返回新的数组。此方法可以用于对数组元素进行统一的转换。

<span style="font-size:18px;">var arr1=[2,4,6,8,10];
		var arr2=[1,2,3,4,5];
		var arr3=[1,3,5,7,9];
创建数组，复制元素只，对每个元素值进行加工
		if(Array.prototype.map===undefined){
			Array.prototype.map=function(fun){//this->arr3
				//先创建空数组arr
				var arr=[];
				//遍历当前数组中每个元素
				for(var i=0;i<this.length;i++){
					if(i in this){//如果i在当前数组中
						//调用函数fun，同时传入当前元素值,i,当前数组，将返回值保存在变量r中
						var r=fun(this[i],i,this);
						arr[i]=r;//将r保存到arr中i位置
					}
				}//(遍历结束)返回arr
				return arr;
			}
		}


		var arr4=arr3.map(function(value,index,arr){
			return value*2;
		});</span>