浅谈JavaScript中forEach与each

最新推荐文章于 2021-01-27 19:18:46 发布
最新推荐文章于 2021-01-27 19:18:46 发布
阅读量175 收藏
点赞数
分类专栏： javascript 文章标签： javascript

https://www.cnblogs.com/fangshidaima/p/5910604.html


forEach是ES5中操作数组的一种方法，主要功能是遍历数组，例如：

　　

1
2
var arr = [1,2,3,4];
arr.forEach(alert);

 等价于：

1
2
3
4
var arr = [1, 2, 3, 4];
for ( var k = 0, length = arr.length; k < length; k++) {
  alert(array[k]);
}

 forEach方法中的function回调有三个参数：第一个参数是遍历的数组内容，第二个参数是对应的数组索引，第三个参数是数组本身

因此：

　　

1
2
3
4
5
[].forEach(function(value,index,array){
 
　　　　// code something
 
　　});

　　

等价于：

　

1
2
3
4
5
$.each([],function(index,value,array){
 
　　　// code something
 
　})

　　

写一个例子；

1
2
3
4
5
6
var arr = [1,2,3,4];
arr.forEach( function (value,index,array){
     array[index] == value;    //结果为true
     sum+=value;  
     });
console.log(sum);    //结果为 10

 

map：map即是 “映射”的意思 用法与 forEach 相似，用法即：

1
2
3
4
5
[].map(function(value,index,array){
 
　　// code
 
})



示例代码： 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮列出数组的每个元素。</p>
<button οnclick="numbers.forEach(myFunction)">点我</button>
<p id="demo"></p>

<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];

function myFunction(item, index) {
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
}
</script>

</body>
</html>



sundahao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中的each（jquery)和forEach(ES6)
weixin_43994886的博客
06-04 1086
模块系统 核心模块 第三方模块 自己写的模块 npm express package.json express 高度封装了http模块 第三方web开发框架 更加专注于业务，而非底层细节 增删改查 使用文件来保存数据（锻炼异步编码） mongoDB (所有的方法都封装好了） 用EC5中的遍历方法来遍历一个数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&gt
关于JavaScript中forEach和each用法浅析
10-19
主要给大家介绍了关于JavaScript中forEach和each使用方法的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。
JavaScript中forEach与each
westdu的博客
05-14 723
JavaScript中forEach与each
js中forEach 和$.each的用法和区别
画龍丶的博客
01-27 1910
一、区别 $.each()：方法是jQuery中的方法，用于遍历数组 $().each: 方法是jQuery中的方法，用于遍历对象 forEach :原生js方法,和for循环相似, 循环遍历数组 二、用法 $.each(array,function(index,item){…}) array = 数组 ， index = 下标 ， item = 对应的值 $ ().each()：$(‘selector’).each(function(index,value)
JS中的forEach、$.each、map的区别
isoble的博客
04-17 2594
1.forEach是ES5中遍历数组中的一个重要的方法： forEach()语法：arr.forEach(function(value,index,arr){})注意： forEach()中的回调函数支持三个参数，第1个是value；第2个是index，第3个是数组本身 例如：var arr =[1,2,3,4,5,6]; arr.forEach(function(value,index,ar
javascript中foreach的用法
入海数沙
08-02 107
在javascript中也有类似foreach的用法 12345678910111213141516//首先先取值，以下两种都可以使用var myobj = new Object();myobj.color = 'red';myobj.name = 'hsin';myobj.nation = 'taiwan';var myarr = new Array('blue','joe','taiwan'...
forEach()与each()方法的区别
lwx931449660的博客
01-07 8026
forEach()为JavaScript(ES5)的方法，而each()方法是JQuery的方法，forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 注意:forEach() 对于空数组是不会执行回调函数的。 forEach()的回调函数有两个参数，index，value，index为当前元素的索引值，value为当前元素。 var arr = ["你好","我好"...
forEach()方法
weixin_34221036的博客
03-19 275
一、定义和用法 forEach( )方法用于调用数组的每个元素，并将元素传递给回调函数。 二、注意 forEach( )方法对空数组是不会执行回调函数的。 三、语法 array.forEach(function(currentValue,index,arr),this.Value) 四、参数 参数描述 function(currentValue, index, a...
前端遍历函数forEach() 、 $().each() 和 $.each() 学习总结
Alone_in_的博客
01-09 7667
前端遍历函数 forEach() 1、forEach() 是JS遍历数组的方法 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona...
C#中foreach遍历的用法
Finder_Way
04-29 2774
foreach循环用于列举出集合中所有的元素，foreach语句中的表达式由关键字in隔开的两个项组成。in右边的项是集合名，in左边的项是变量名，用来存放该集合中的每个元素。 该循环的运行过程如下：每一次循环时，从集合中取出一个新的元素值。放到只读变量中去，如果括号中的整个表达式返回值为true，foreach块中的语句就能够执行。一旦集合中的元素都已经被访问到，整个表达式的值为false，控
js中的forEach和jQuery中的each对比
ilmygirl的专栏
12-04 1万+
对于遍历数组的元素，js和jquery都有类似的方法，js中的是forEach方法，jquery中的则是each方法； 简单的示例如下： //首先定义一个数组 var arr=['a','b',12]; //当js的forEach方法的匿名函数参数列表只有一个时，代表的是数组的元素值 arr.forEach(function(item){console.log(item); })
你知道forEach和each的区别吗？
FightingGirls的博客
04-19 1万+
要知道forEach和each的区别，你必须明白一点：forEach是js中的方法（针对数组），而each是jquery中的方法（针对jquery对象，即$( ) ）。知道这一点，接下来我分别给举个栗子： 1.forEach方法：如下图所示 2.each方法：如下图所示 输出结果：   希望大家看到此文章后，能在正确的场合使用两种方法。than
js里的forEach和jquery里的each比较
qq_27628085的博客
09-25 1798
遍历数组元素： js和jQuery都有类似的方法，Js用的是forEach；而jQuery用的是each。 eg: var arr = new Array(["b",2,"a",4],["c",3,"d",6]); arr.forEach(function(item){ alert(item); //b,2,a,4和c,3,d,6 }) 如果forEach里的回调...
js的foreach（arr.forEach）和jq的each（$.each）以及js的map（arr.map）和jq的map（$.map）
WY001的博客
04-24 954
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.12.4.js"></script> <script&gt...
js中foreach、each、map遍历数组
逸尘的专栏
03-20 2万+
1.forEach()forEach是ES5中操作数组的一种方法，主要功能是遍历数组。forEach方法中的function回调有三个参数：第一个参数是遍历的数组内容，第二个参数是对应的数组索引，第三个参数是数组本身因此：　　[].forEach(function(value,index,array){ 　　　　//code something 　　});2.$.each()等价于jquery中$.
JavaScript forEach()的用法
热门推荐
路虽远，行则必至！
08-19 5万+
forEach 是 ES5 中操作数组的一种方法，主要功能是遍历数组，其实说穿了，就是 for 循环的加强版，该语句需要一个回调函数，作为参数。回调函数的形参，依次为，value：遍历的数组内容；index：对应的数组索引，array：数组本身。 <script type="text/javascript"> // 分别对应：数组元素，元素的索引，数组本身 var arr = [...
javascript中foreach
最新发布
04-29
JavaScript中的forEach方法是用于遍历数组的函数方法。该方法可以接受一个函数作为参数，在每个数组项上运行该函数，并将该函数的返回值存储在一个新数组中。 forEach方法的语法如下： array.forEach(function(currentValue, index, array), thisValue) 其中，参数currentValue表示当前正在处理的数组的元素值，参数index表示当前处理的元素在数组中的索引，参数array表示正在处理的数组。参数thisValue是可选的：当执行回调函数时，它用作this的值。 使用forEach方法时，需要传入一个回调函数，该回调函数将被应用于数组的每个元素。回调函数可以是一个命名函数，也可以是一个匿名函数。在遍历数组的过程中，而不需要一个for循环来处理数组中的每个元素。 下面是一个使用forEach方法的例子： var arr = [1, 2, 3, 4, 5]; arr.forEach(function(item, index, array) { console.log(item); }); 上述代码将逐个打印数组中的所有元素到控制台中，输出结果如下： 1 2 3 4 5 可以看到，使用forEach方法非常方便快捷，而且代码量较少。虽然该方法不能进行中断操作，但是对于遍历数组时，特别是需要对每个数组元素进行相同的操作时非常有用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值