Javascript Array forEach() Method

最新推荐文章于 2021-08-08 14:37:46 发布
最新推荐文章于 2021-08-08 14:37:46 发布
阅读量632 收藏
点赞数

Description:

Javascript array forEach() method calls a function for each element in the array.

Syntax:

array.forEach(callback[, thisObject]);

Here is the detail of parameters:

  • callback : Function to test each element of the array.

  • thisObject : Object to use as this when executing callback.

Return Value:

Returns created array.

Compatibility:

This method is a JavaScript extension to the ECMA-262 standard; as such it may not be present in other implementations of the standard. To make it work you need to add following code at the top of your script:

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


Example: 

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


This will produce the follow result: 

[0] is 12
[1] is 5
[2] is 8
[3] is 130
[4] is 44




reference:

http://www.tutorialspoint.com/javascript/array_foreach.htm


查理曼大帝
关注
前端开发：Vue中forEach() 的使用
软贱开发攻城狮
12-11 2万+
在前端开发中，经常会遇到一些通过遍历循环来获取想要的内容的情形，而且这种情形在开发中无所不在，那么本篇博文就来分享一个比较常用又经典的知识点：forEach() 的使用。 forEach() 是前端开发中操作数组的一种方法，主要功能是遍历数组，其实就是for循环的升级版，该语句需要有一个回调函数作为参数。回调函数的形参依次为：1、value：遍历数组的内容；2、index：对应数组的索引，3、array：数组自身。 在Vue项目中，标签里的循环使用v-for，方法里面的循环使用forEach。 1、f
TypeScript 高级类型
weixin_50939386的博客
07-16 493
Type类型的数组)，因为只要是数组就一定存在length属性，因此就可以访问了。同样，如果传入类型string，函数id参数和返回值的类型就都是string。绝大多数情况下，我们都可以在使用对象前就确定对象的结构，并为对象添加准确的类型。这样，通过泛型就做到了让id函数与多种不同的类型一起工作，(或者说对象中可以出现任意多个属性)，此时，就用到。K是对象类型名称，T是剔除K类型中的属性名称。(比如，第二个类型变量受第一个类型变量约束)泛型的类型变量可以有多个，并且。.........
ForEach Method in Java8
Stan的专栏
12-08 388
在 jdk1.7 之前，我们去遍历一个 List 集合中的元素，我们可以这么做： List<Integer> values = Arrays.asList(4,2,3); for (int i = 0; i < values.size(); i++){ System.out.println(values.get(i)); }or
vue 数组遍历方法forEach和map的原理解析和实际应用
weixin_34258782的博客
11-14 5089
一、前言 forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。 二、代码 1. 相同点 都是数组的方法 都用来遍历数组 两个函数都有4个参数：匿名函数中可传3个参数item(当前项), index(当前项的索引), arr(原数组)，还有一个可选参数this...
史上最全的Unity面试题（含答案）
崔小妹儿Jessica的博客
12-13 3万+
一：什么是协同程序？ 在主线程运行的同时开启另一段逻辑处理，来协助当前程序的执行，协程很像多线程，但是不是多线程，Unity的协程实在每帧结束之后去检测yield的条件是否满足。 二：Unity3d中的碰撞器和触发器的区别？ 碰撞器是触发器的载体，而触发器只是碰撞器身上的一个属性。当Is Trigger=false时，碰撞器根据物理引擎引发碰撞，产生碰撞的效果，可以调用OnCol
详解JavaScript中的forEach()方法的使用
10-24
<title>JavaScript Array forEach Method <script type="text/javascript"> function printBr(element, index, array) { document.write(" [" + index + "] is " + element); } [12, 5, 8, 130, 44].forEach...
javascript Array对象使用小结
10-29
JavaScript中的Array对象是编程中非常基础且重要的部分，它提供了丰富的功能来操作和处理一系列数据。虽然在概念上，数组是一段线性分配的内存，通过整数索引访问元素，但在JavaScript中，数组实际上是一种特殊的...
js_array-method-splice
03-16
在JavaScript中，`Array.prototype.splice()` 是一个非常重要的方法，它允许我们对数组进行增、删、改操作。本篇文章将深入探讨`splice()`方法的工作原理，并通过自定义实现来帮助理解其内部机制。 `splice()` 方法...
JavaScript 中的 Set 为什么 forEach 保留三个参数以及启示
_
08-08 1024
首先看文档 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/forEach The forEach() method executes the provided callback once for each value which actually exists in the Set object. It is not invoked for values which have been
关于async await在forEach下无法实现同步的问题
一只头没秃的前端菜菜
04-26 1023
forEach源码 // Production steps of ECMA-262, Edition 5, 15.4.4.18 // Reference: http://es5.github.io/#x15.4.4.18 if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) ...
forEach方法（原生js学习）
william 成长路上
07-03 9893
forEach方法（原生js学习） 分类： 原生js学习 2012-09-14 12:52 949人阅读 评论(0) 收藏 举报 functionfunajax 作用就是为数组的每一项元素，都执行一次传入的函数。 传入的函数可带三个参数，依次为item，index和arr，这个顺序严格不能变换。item指代数组的元素，index指代数组元素的序列，arr指代数组本
VUE实战技巧，让你的代码少一点
weixin_42228747的博客
05-14 546
这三个小技巧应该熟知： 组件:全局组件注册 Vue权限控制:高精度全局权限控制 Render函数:拯救繁乱的template 路由分区以及动态添加路由 「全局组件注册」 创建全局.js文件管理全局组件 // 1 - globalComponent.js中可以这么封装↓ import Vue from 'vue' // 引入vue // 处理首字母大写 abc => Abc function changeStr(str){ return str.charAt(0...
JavaScript之数组循环 forEach 循环输出数组元素
weixin_33812433的博客
08-12 792
vararrayAll=[]; arrayAll.push(1); arrayAll.push(2); arrayAll[arrayAll.length] = 3; arrayAll[arrayAll.length] = 4; arrayAll.forEach(function(data){ console.log(data); }) 输出结果：...
each方法
Vivian_shuang的博客
07-22 469
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> script src="js/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8">script> script type="text/javascript"> // each()方法
在vue中的for循环，我经常用这两种方法
热门推荐
沿华的博客
01-10 5万+
1、for(let item of response.data.result) { 用item操作每一条数据。      } item：定义的每一条的变量 response.data.result：要循环的数组 2、response.data.result.forEach((item, index) => { 用item操作每一条数据。 }） response.data.res
PHP---引用使用foreach(xxx as &$x)注意点
weixin_30391339的博客
06-13 336
啥是&赋值： php中规定，使用“&”符号，可以将普通赋值改成内存地址 $a = 'sky'; $b = $a; $b = 'fly'; echo $a.' '.$b; //sky fly $a = 'fly'; $b = &$a;　　//&符号的使用 $b = 'fly'; echo $name1.' '.$name2; /...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值