1.forEach() 是JS遍历数组的方法

var arr=[1,2,3];
arr.forEach(function(val,index,arr){
// var 为数组中当前的值
// index 为当前值得下标
// arr 为原数组
arr[index] = 2*val;
})console.log(arr);  //结果:修改了原来数组,为每个数乘以2

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

<button οnclick="numbers.forEach(myFunction)">点我</button>
<p>数组元素总和:<span id="demo"></span></p><script>
var sum = 0;
var numbers = [65, 44, 12, 4];function myFunction(item) {sum += item;demo.innerHTML = sum;
}
</script>

注意: forEach() 对于空数组是不会执行回调函数的。


在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的。

$().each:在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:

$("input[name='ch']").each(function(i){
if($(this).attr('checked')==true)
{
//一些操作代码

}

回调函数是可以传递参数,i就为遍历的索引。

$.each() :遍历一个数组

$.each([{"name":"limeng","email":"xfjylimeng"},{"name":"hehe","email":"xfjylimeng"},function(i,n)
{
alert(“索引:"+i,"对应值为:"+n.name);
});

参数i为遍历索引值,n为当前的遍历对象.

var arr1 = [ "one", "two", "three", "four", "five" ];
$.each(arr1, function(){
alert(this);
});
输出:one   two  three  four   five
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){
alert(item[0]);
});
输出:1   4   7
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});
输出:1   2  3  4  5

参考链接:http://www.frontopen.com/1394.html   https://www.cnblogs.com/longailong/p/6409172.html

转载于:https://www.cnblogs.com/wuss/p/10523502.html

最新文章

  1. 如何自己实现一套EasyNVR这样的无插件流媒体服务器
  2. 在Photoshop扣图的基本方法
  3. 朱哥研究出来的分页控件
  4. mongodb安装_MongoDB事实:商品硬件上每秒插入80000次以上
  5. 福建2020年3月计算机二级报名时间,福建2020年3月计算机二级考试报名时间安排...
  6. 08-Measured Boot Driver (MBD)
  7. asp.net控件开发(二)-简单属性
  8. 文献记录(part17)--VARCLUST: clustering variables using dimensionality reduction
  9. 中国人工智能学会通讯——基于视频的行为识别技术 1.1 什么是行为
  10. 从ASP.NET Core 3.0 preview 特性,了解CLR的Garbage Collection
  11. 突发!哈佛要求本科生5天内搬走,国际学生恐无家可归
  12. HQL - Hibernate查询语言 - 示例教程
  13. Redis集成到Maven工程(Jedis客户端)
  14. 查看MySQL以及SQL Server 实际存储类型
  15. Bailian2767 简单密码(POJ NOI0107-10)【密码】
  16. 企业销售预测实战-为什么要做销售预测
  17. CES 2017 DAY1:自动驾驶延续昨日热潮,其他产品更强调实用
  18. 三行代码将Excel转为任意格式的Word
  19. 【Materials Studio学习六】构建固液表面
  20. tensortAPI的learning

热门文章

  1. amazeui学习笔记--css(常用组件5)--评论列表Comment
  2. Ubuntu 16.04安装MySQL(5.7.18)
  3. MySQL和Oracle的添加字段的处理差别
  4. 用记事本打造简易计算器
  5. C语言考试题及答案(8),2015年计算机二级C语言测试题及答案(8)
  6. nginx expires配置
  7. PostgreSQL11.7逻辑复制的搭建
  8. H1作业(字符串和字节串)
  9. 4-4Pytorch解决数字识别MNIST
  10. Python机器学习:SVM004Scikit-learn中的SVM