Javascript数组循环遍历之forEach详解
程序员文章站
2023-11-22 10:52:10
1.js 数组循环遍历。
数组循环变量，最先想到的就是 for(var i=0;i
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;
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。