详解JavaScript中的forEach()方法的使用
程序员文章站
2023-12-04 22:04:16
javascript数组的 foreach()方法调用数组中的每个元素。
语法
array.foreach(callback[, thisobjec...
javascript数组的 foreach()方法调用数组中的每个元素。
语法
array.foreach(callback[, thisobject]);
下面是参数的详细信息：
- callback : 函数测试数组的每个元素。
- thisobject : 对象作为该执行回调时使用。
返回值:
返回创建数组。
兼容性：
这种方法是一个javascript扩展到ecma-262标准;因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码的顶部：
if (!array.prototype.foreach)
{
array.prototype.foreach = function(fun /*, thisp*/)
{
var len = this.length;
if (typeof fun != "function")
throw new typeerror();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this)
fun.call(thisp, this[i], i, this);
}
};
}
例子：
<html>
<head>
<title>javascript array foreach method</title>
</head>
<body>
<script type="text/javascript">
if (!array.prototype.foreach)
{
array.prototype.foreach = function(fun /*, thisp*/)
{
var len = this.length;
if (typeof fun != "function")
throw new typeerror();
var thisp = arguments[1];
for (var i = 0; i < len; i++)
{
if (i in this)
fun.call(thisp, this[i], i, this);
}
};
}
function printbr(element, index, array) {
document.write("<br />[" + index + "] is " + element );
}
[12, 5, 8, 130, 44].foreach(printbr);
</script>
</body>
</html>
这将产生以下结果：
[0] is 12 [1] is 5 [2] is 8 [3] is 130 [4] is 44
上一篇： JavaScript中的small()方法使用详解
下一篇： vue+iview动态渲染表格详解