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

 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
foreach
javascript基础知识、javascript的基础知识、javascript基础知识点、单反相机基础知识详解、单反基础知识详解,以便于您获取更多的相关知识。

时间: 2024-11-17 16:37:39

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

详解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中undefined与null的区别_基础知识

有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null.这是为什么? 一.相似性在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别. 复制代码 代码如下: var a = undefined;var a = null; 上面代码中,a变量分别被赋值为undefined和null,这两种写法几乎等价.undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等. 复制代码

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

这篇文章主要介绍了详解JavaScript中的forEach()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下 JavaScript数组的 forEach()方法调用数组中的每个元素. 语法 ? 1 array.forEach(callback[, thisObject]); 下面是参数的详细信息: callback : 函数测试数组的每个元素. thisObject : 对象作为该执行回调时使用. 返回值: 返回创建数组. 兼容性: 这种方法是一个JavaScript扩展到ECM

详解JavaScript操作HTML DOM的基本方式_基础知识

通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素.HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树: 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所

介绍JavaScript中Math.abs()方法的使用_基础知识

 这个方法返回一个数字的绝对值. 语法 Math.abs( x ) ; 下面是参数的详细信息:     x : 一个数字 返回值: 返回一个数字的绝对值 例子: <html> <head> <title>JavaScript Math abs() Method</title> </head> <body> <script type="text/javascript"> var value = Math.

简介JavaScript中的push()方法的使用_基础知识

 JavaScript的数组push()方法追加在最后该数组的给定元素(多个),并返回新的数组的长度.语法 array.push(element1, ..., elementN); 下面是参数的详细信息:     element1, ..., elementN: 元素添加到数组的末尾. 返回值: 返回新数组的长度.例子: <html> <head> <title>JavaScript Array push Method</title> </head&g

JavaScript中的parse()方法使用简介_基础知识

 Javascript Date.parse() 方法接受一个日期字符串,并返回自1970年1月1日午夜的毫秒数.语法 Date.parse(datestring) 注:括号内的数据是可选的 下面是参数的详细信息:     datestring : 一个字符串,表示日期 返回值: 自1970年1月1日午夜的毫秒数.例子: <html> <head> <title>JavaScript parse Method</title> </head> &l

JavaScript中的toLocaleDateString()方法使用简介_基础知识

 JavaScript Date.toLocaleDateString()方法的日期转换为字符串,使用操作系统的语言环境的约定返回"日期"部分.语法 Date.toLocaleDateString() 下面是参数的详细信息:     NA 返回值: 返回使用操作系统的语言环境的约定的"日期"部分.例子: <html> <head> <title>JavaScript toLocaleDateString Method</ti