循环大法——一次性理清forEach/for-in/for/$each
2024-09-19 00:16:14
国寿的这个项目写得我基础都忘完了 近期会把vue和基础都并行复习、学习
forEach
适用于调用数组的每个元素,并将元素传递给回调函数,但是空数组是不会执行回调函数的。forEach适用于集合中的对象遍历,适用于简单的遍历,且forEach使用的时候回锁定集合的对象,期间不能进行修改。
语法:
arr.forEach(function(ele,i,index){ })
ele 必须 指的是当前循环的元素,类似于for循环里的i
i 可选 当前元素索引值
index 可选 当前元素所属的数组对象
为了加深印象,来看一下实际输出结果:
ele输出位数组里的每个元素
i输出位数字内元素索引值
index输出位整个当前数组
实例:
求一个数组总和
<button onclick = "arr.forEach(myFun)">click</button>
<p>数组元素总和:<span id="demo"></span></p> <script>
var arr = [1,2,5,888];
var sum = 0;
var demo = document.getElementById("demo");
function myFun(item){
console.log(item);
sum += item;
demo.innerHTML = sum;
} </script>
实现效果:
使用场景:
forEach相对于for循环,代码减少了,但是forEach效率是低于for循环的,在处理不确定循环次数的时候,或者循环次数需要计算的情况下,使用forEach比较方便
$.each
each() 方法为每个匹配元素规定要运行的函数。
语法:
$(selector).each(function(index,element)) 或 $.each(ele,function (index,i){
})
- index - 选择器的 index 位置。
- element - 当前的元素(也可使用 "this" 选择器)。
我一般用下面的写法,ele是当前要循环的数组,index是索引
最新文章
- dubbo连接zookeeper注册中心因为断网导致线程无限等待问题【转】
- 浅谈JAVA设计模式
- .NET通过调用Office组件导出Word文档
- union 和 union all 的区别
- Android开发的第一天
- C# 根据URL返回HTML_根据URL获取图片信息/缩略图
- 移除UIView上面的所有控件
- Linux学习之系统时间同步
- 2 kNN-K-Nearest Neighbors algorithm k邻近算法(二)
- HDU 1695 GCD 欧拉函数+容斥原理+质因数分解
- angularJS socket
- JS脚本显示当前日期+星期几[转]
- Dubbo协议与连接控制
- 【JAVA零基础入门系列】Day8 Java的控制流程
- poj 3340 Barbara Bennett&#39;s Wild Numbers(数位DP)
- mvc架构模式概念
- FFmpeg 结构体学习(一): AVFormatContext 分析
- 从9x9矩阵中抽取中间菱形区域打印 - perl
- Win10任务栏通知区域上已卸载程序无效图标选项如何清除?
- .net读取Excel转datatable、.net读取的Excel存在合并单元格并且转成datatable
热门文章
- 使用wireshark分析tcp/ip报文之报文头
- 20145321 《网络对抗技术》 MSF基础应用
- Nodejs -- 使用koa2搭建数据爬虫
- Educational Codeforces Round 21 Problem E(Codeforces 808E) - 动态规划 - 贪心
- SC命令---安装、开启、配置、关闭windows服务 bat批处理(转载)
- win7 + MySQL 5.6.35 免安装版部署
- 论文笔记——Deep Model Compression Distilling Knowledge from Noisy Teachers
- 【Django】【五】开发Web接口
- ubuntu14.04, libtinyxml.so.2.6.2: cannot open shared object file: No such file or directory
- 卸载 mysql