es5数组拓展，forEach遍历方法

小灰灰 2022-04-04 14:22 374阅读 0赞

forEach方法的详解：

> array.forEach(function(currentValue, index, arr), thisValue);该方法接受两个参数，一个是数组中每个元素需要调用的函数，另一个是该函数内的this指向，如果不传默认是window,传指了就指向该值。

上代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>数组扩展</title>
    </head>
    <body>
    <ul>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>
    
    <script>
    	// forEach 遍历数组
    	var personArr = [
    		{name:'王一',des:'有病',sex:'m'},
    		{name:'王二',des:'有钱',sex:'f'},
    		{name:'王三',des:'有才',sex:'f'},
    		{name:'王四',des:'有病',sex:'m'},
    	];
    	
    	//forEach的源码实现
    	//1.function 2.length 3.function this -> arguments[1]
    	Array.prototype.myForEach = function(fn){
    		var _arr = this,len = _arr.length,param2 = arguments[1] || window;
    		for(var i = 0; i < len; i++){
    			//ele 对应执行当前次的数据 元素
    			//index 索引
    			//self 数组本身
    			fn.apply(param2,[_arr[i],i,_arr])
    		}
    	}
    
    	personArr.myForEach(function(ele,index,self){
    		console.log(ele,index,self,this);
    		this[index].innerText = ele.name;
    	},document.getElementsByTagName('li'));
    	
    
    </script>
    	
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关 PHP 数组遍历 foreach 语法结构

来源:http://www.cnblogs.com/keta/p/6117237.html foreach 语法结构用于遍历数组。 foreach() PHP for

野性酷女/ 2023年10月17日 09:42/ 0 赞/ 62 阅读

相关 PHP 数组遍历 foreach 语法结构

　　foreach 语法结构用于遍历数组。　　PHP foreach() 语法结构用于遍历操作或输出数组，foreach() 仅能用于遍历数组或对象，当试图将其用于其它数据

雨点打透心脏的1/2处/ 2023年10月11日 19:14/ 0 赞/ 58 阅读

相关 ECAMscript5数组遍历方法——forEach（）、map（）、filter（）、some（）、every（）、reduce（）

-------------------- 1、forEach（）、map（） -------------------- /forEach（）,目的是遍历数组各

╰半夏微凉°/ 2023年07月14日 12:58/ 0 赞/ 18 阅读

相关 javascript ES5中 foreach()遍历方法

forcach() `array.forEach(function(currentValue, index, arr))` > currentValue：数组当前项的值

ゝ一纸荒年。/ 2022年12月11日 03:28/ 0 赞/ 213 阅读

相关 PHP数组定义，foreach遍历

在php的函数中定义参数为数组，需要注意一下两点。注意； 1.如果要求传入的参数必须为数组，则函数参数接收时强制声明：array $myArr 2.如果要求传入可

╰+哭是因爲堅強的太久メ/ 2022年09月24日 15:13/ 0 赞/ 227 阅读

相关 ES6中用数组方法遍历DOM

最新的浏览器提供了一个名为querySelectorAll()的原生DOM方法，可以达到jQuery获取DOM的效果，例如 <div id="content"> <a

谁践踏了优雅/ 2022年06月04日 00:44/ 0 赞/ 292 阅读

相关 JavaScript 数组操作方法和 ES5数组拓展

JavaScript中数组有各种操作方法，以下通过举例来说明各种方法的使用：数组操作方法 push 在数组最后添加一个元素 var arr=[3,

╰半夏微凉°/ 2022年04月24日 10:50/ 0 赞/ 298 阅读

相关 es5数组拓展，map映射方法

map()方法的详解： > array.map(function(currentValue,index,arr), thisValue);传参与forEach或者Filter

比眉伴天荒/ 2022年04月04日 14:58/ 0 赞/ 431 阅读

相关 es5数组拓展，Filter过滤方法

Filter方法详解： > array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似

你的名字/ 2022年04月04日 14:54/ 0 赞/ 516 阅读

相关 es5数组拓展，forEach遍历方法

forEach方法的详解： > array.forEach(function(currentValue, index, arr), thisValue);该方法接受两个参数，

小灰灰/ 2022年04月04日 14:22/ 0 赞/ 375 阅读