es5数组拓展，forEach遍历方法

小灰灰 2022-04-04 14:22 294阅读 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 条评论，294人围观）

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

相关阅读

相关 Java数组遍历——使用foreach循环

在Java编程中，遍历数组是一项常见的任务。为了简化代码并提高可读性，Java引入了foreach循环，也称为增强型for循环。本文将介绍如何使用foreach循环来遍历数组，

た入场券/ 2024年02月25日 03:12/ 0 赞/ 3 阅读

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

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

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

相关 PHP数组定义，foreach遍历

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关对象遍历（对象forEach遍历）

对象遍历（对象forEach遍历）对象遍历对象fon in 遍历对象keys 遍历对象

àì夳堔傛蜴生んèń/ 2021年10月06日 18:48/ 0 赞/ 505 阅读

相关 es5 数组方法

ES5 数组方法的扩展数组对象.forEach(function(item,index){}); 数组对象.map(function(i

╰半夏微凉°/ 2021年07月24日 14:34/ 0 赞/ 440 阅读