$.each()和$().each(),以及forEach()的用法
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
最新文章
- 如何自己实现一套EasyNVR这样的无插件流媒体服务器
- 在Photoshop扣图的基本方法
- 朱哥研究出来的分页控件
- mongodb安装_MongoDB事实:商品硬件上每秒插入80000次以上
- 福建2020年3月计算机二级报名时间,福建2020年3月计算机二级考试报名时间安排...
- 08-Measured Boot Driver (MBD)
- asp.net控件开发(二)-简单属性
- 文献记录(part17)--VARCLUST: clustering variables using dimensionality reduction
- 中国人工智能学会通讯——基于视频的行为识别技术 1.1 什么是行为
- 从ASP.NET Core 3.0 preview 特性,了解CLR的Garbage Collection
- 突发!哈佛要求本科生5天内搬走,国际学生恐无家可归
- HQL - Hibernate查询语言 - 示例教程
- Redis集成到Maven工程(Jedis客户端)
- 查看MySQL以及SQL Server 实际存储类型
- Bailian2767 简单密码(POJ NOI0107-10)【密码】
- 企业销售预测实战-为什么要做销售预测
- CES 2017 DAY1:自动驾驶延续昨日热潮,其他产品更强调实用
- 三行代码将Excel转为任意格式的Word
- 【Materials Studio学习六】构建固液表面
- tensortAPI的learning
热门文章
- amazeui学习笔记--css(常用组件5)--评论列表Comment
- Ubuntu 16.04安装MySQL(5.7.18)
- MySQL和Oracle的添加字段的处理差别
- 用记事本打造简易计算器
- C语言考试题及答案(8),2015年计算机二级C语言测试题及答案(8)
- nginx expires配置
- PostgreSQL11.7逻辑复制的搭建
- H1作业(字符串和字节串)
- 4-4Pytorch解决数字识别MNIST
- Python机器学习:SVM004Scikit-learn中的SVM