详解JavaScript中的forEach()方法的使用

　　这篇文章主要介绍了详解JavaScript中的forEach()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下

　　JavaScript数组的 forEach()方法调用数组中的每个元素。

　　语法

　　?

1

array.forEach(callback[, thisObject]);

　　下面是参数的详细信息：

　　callback : 函数测试数组的每个元素。

　　thisObject : 对象作为该执行回调时使用。

　　返回值:

　　返回创建数组。

　　兼容性：

　　这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码的顶部：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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);
}
};
}

　　例子：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<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>

　　这将产生以下结果：

　　?

1
2
3
4
5

[0] is 12
[1] is 5
[2] is 8
[3] is 130
[4] is 44
时间： 2024-10-25 17:45:09

详解JavaScript中的forEach()方法的使用的相关文章

详解JavaScript中的forEach()方法的使用_基础知识

 JavaScript数组的 forEach()方法调用数组中的每个元素.语法 array.forEach(callback[, thisObject]); 下面是参数的详细信息:     callback : 函数测试数组的每个元素.     thisObject : 对象作为该执行回调时使用. 返回值: 返回创建数组.兼容性: 这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现.为了使它工作,你需要添加下面的脚本代码的顶部: if (!Array.

详解JavaScript中的异常处理方法_基础知识

 有三种类型的编程错误:(1)语法错误和(2)运行时错误(3)逻辑错误:语法错误: 语法错误,也被称为解析错误,在编译时进行传统的编程语言,并出现在JavaScript解释时. 例如,下面一行将导致一个语法错误,因为它缺少一个右括号: <script type="text/javascript"> <!-- window.print(; //--> </script> 当一个语法错误在JavaScript中出现,只有在同一个线程中包含的语法错误的影响

详解JavaScript 中的 replace 方法_javascript技巧

定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. stringObject.replace(regexp/substr,replacement) 参数 描述 regexp/substr 必需.规定子字符串或要替换的模式的 RegExp 对象. 请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象. replacement 必需.一个字符串值.规定了替换文本或生成替换文本的函数. 返回值

详解JavaScript中的every()方法_基础知识

 JavaScript 数组中的每个方法测试数组中的所有元素是否经过所提供的函数来实现测试.语法 array.every(callback[, thisObject]); 下面是参数的详细信息:     callback : 函数用来测试每个元素     thisObject : 对象作为该执行回调时使用 返回值: 返回true,如果此数组中的每个元素满足所提供的测试函数.兼容性: 这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现.为了使它工作,你需

详解JavaScript中Date.UTC()方法的使用_基础知识

 此方法需要一个日期,并返回自1970年1月1日按照通用时间午夜的毫秒数.语法 Date.year,month,day,[hours,[minutes,[seconds,[ms]]]) 注:括号内的数据是可选的 下面是参数的详细信息:     year : 四位数字表示年     month : 0和11之间的整数,表示月份     day : 1到31之间的整数,表示日期     hours : 0到23之间的整数,表示小时     minutes : 0到59之间的整数,表示分钟     s

详解JavaScript中的blink()方法的使用_基础知识

 这个方法会导致一个字符串闪烁,好像它是BLINK 标签.语法 string.blink( ) 下面是参数的详细信息:     NA: 返回值:     返回字符串带有<blink>标记. 例子: <html> <head> <title>JavaScript String blink() Method</title> </head> <body> <script type="text/javascript

详解JavaScript中Date.UTC()方法的使用

 此方法需要一个日期,并返回自1970年1月1日按照通用时间午夜的毫秒数. 语法 1 Date.year,month,day,[hours,[minutes,[seconds,[ms]]]) 注:括号内的数据是可选的 下面是参数的详细信息: year : 四位数字表示年 month : 0和11之间的整数,表示月份 day : 1到31之间的整数,表示日期 hours : 0到23之间的整数,表示小时 minutes : 0到59之间的整数,表示分钟 seconds : 0到59之间的整数,表示

详解JavaScript中的4种类型识别方法_javascript技巧

具体内容如下: 1.typeof [输出]首字母小写的字符串形式 [功能] [a]可以识别标准类型(将Null识别为object) [b]不能识别具体的对象类型(Function除外) [实例] console.log(typeof "jerry");//"string" console.log(typeof 12);//"number" console.log(typeof true);//"boolean" console

详解JavaScript中的客户端消息框架设计原理

  这篇文章主要介绍了详解JavaScript中的客户端消息框架设计原理,包括客户端和服务器端的通信等方面的内容,需要的朋友可以参考下 哇--是个危险的题目,对吗?我们对于什么是本质的理解当然会随着我们对要解决问题的理解而变化.因此我不会说谎--一年前我所理解的本质很不幸并不完整,因为我确信我将要写的已经快伴随我有6个月之久.所以,这篇文章是我在发现JavaScript中成功的运用客户端消息模式的一些关键要点时的一个掠影. 1.) 理解中介者与观察者的区别 大多数人在描述任何事件/消息机制的时候