Javascript数组循环遍历之forEach详解
1.js 数组循环遍历。
数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的方式了。
除此之外,也可以使用较简便的foreach 方式
2.foreach函数。
firefox 和chrome 的array 类型都有foreach的函数。使用如下:
<!--add by oscar999--> <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title> new document </title> <meta name="author" content="oscar999"> </head> <body> <script> var arryall = []; arryall.push(1); arryall.push(2); arryall.push(3); arryall.push(4); //匿名方式 arryall.foreach(function(e){ alert(e); }) function t1(arg){alert(arg);} //非匿名方式 arryall.foreach(t1,arryall); </script> </body> </html>
但是以上,代码在ie中却无法正常工作。
因为ie的array 没有这个方法
alert(array.prototype.foreach);
执行以上这句得到的是 "undefined", 也就是说在ie 中 array 没有foreach的方法。
3. 让ie兼容foreach方法
既然ie的array 没哟foreach方法, 我们就给它手动添加这个原型方法。
//array.foreach implementation for ie support.. //https://developer.mozilla.org/en/javascript/reference/global_objects/array/foreach if (!array.prototype.foreach) { array.prototype.foreach = function(callback, thisarg) { var t, k; if (this == null) { throw new typeerror(" this is null or not defined"); } var o = object(this); var len = o.length >>> 0; // hack to convert o.length to a uint32 if ({}.tostring.call(callback) != "[object function]") { throw new typeerror(callback + " is not a function"); } if (thisarg) { t = thisarg; } k = 0; while (k < len) { var kvalue; if (k in o) { kvalue = o[k]; callback.call(t, kvalue, k, o); } k++; } }; }
详细介绍可以参照:
https://developer.mozilla.org/en/javascript/reference/global_objects/array/foreach
4. 如何跳出循环?
js 此种状况的foreach 不能使用continue, break; 可以使用如下两种方式:
1. if 语句控制
2. return 语句控制 (return true 或 return false)
其实 return 类似continue 的作用
以下例子是取出数组中2的倍数和3的倍数的数;
<!--add by oscar999--> <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title> new document </title> <meta name="author" content="oscar999"> </head> <body> <script> if (!array.prototype.foreach) { array.prototype.foreach = function(callback, thisarg) { var t, k; if (this == null) { throw new typeerror(" this is null or not defined"); } var o = object(this); var len = o.length >>> 0; // hack to convert o.length to a uint32 if ({}.tostring.call(callback) != "[object function]") { throw new typeerror(callback + " is not a function"); } if (thisarg) { t = thisarg; } k = 0; while (k < len) { var kvalue; if (k in o) { kvalue = o[k]; callback.call(t, kvalue, k, o); } k++; } }; } var arryall = []; arryall.push(1); arryall.push(2); arryall.push(3); arryall.push(4); arryall.push(5); arryall.push(6); arryall.push(7); var arryspecial = []; arryall.foreach(function(e){ if(e%2==0) { arryspecial.push(e); }else if(e%3==0) { arryspecial.push(e); } }) </script> </body> </html>
使用return 达到以上效果
arryall.foreach(function(e){ if(e%2==0) { www.jb51.net arryspecial.push(e); return; } if(e%3==0) { arryspecial.push(e); return; } })
至于如何写类似break 的效果,目前尚未找到比较好的办法。
个人的看法:不管是java还是c#语法中,foreach就是遍历所有值
有搜索一下,有的说return false 可以达成, 试了一下, return false的效果和return 是一样,也和return ture 是一样的。
下面的测试代码是我自己加上的。
var arryall = []; arryall.push(1); arryall.push(2); arryall.push(3); arryall.push(4); arryall.push(5); arryall.push(6); arryall.push(7); arryall.foreach(function(e){ alert(e); if(e>3) return false; });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 家常菜都有那些?这些菜怎么能不出现在你的餐桌上呢?
下一篇: 吃生菜有什么好处,让你吃出健康来