一、for()方法:


执行顺序:先执行条件一,再看条件一是否满足条件二的判断,如果满足则进入循环,反之则不进入循环,如果进入循环里则执行循环体里面的内容,最后再执行条件三。
例:

for(条件一;条件二;条件三){//循环体
}
let arr = [1,2,3,4,5,6]
for(let i=0;i<arr.length;i++){console.log(i)if(i === 2){continue }
}break;   //语句时,会结束当前的循环,执行循环后面(外边)的语句。continue //语句时,会终止当前的这一次循环,进入下一次的循环中。return;  // 语句时,会终止循环,结束当前方法。

for循环不仅可以单循环,还可以双重for循环,for可以解决大部分的遍历需求问题。
执行顺序:首先执行条件一,然后再看条件一是否满足条件二的判断,如果满足则进入循环体,在循环体内如果有内容,则按顺序执行,从上向下执行,然后碰到第二个for循环后,则判断条件四是否满足条件五的条件,如果满足,则进入循环体二,执行完循环体二的内容后,执行条件六,然后在条件四自增(自减)后如果条件四继续满足条件五,则继续执行,直到条件四不满足条件五后,再执行条件三。

for (条件一; 条件二; 条件三) {//循环体for (条件四; 条件五; 条件六) {//循环体二}}for (let i = 0; i < 10; i++) {console.log("1"); //打印出10次1for (let j = 0; j < 10; j++) {console.log("2"); //打印出100次2}}

乘法口诀表的实际应用:

 for (let i = 1; i <= 9; i++) {for (let j = 1; j <= i; j++) {if (j > i) {break;}document.write(i + "*" + j + "=" + (i * j) + "&nbsp;&nbsp;&nbsp;");if (j == i) {document.write("<br/>");}}}

二、forEach()方法:

foreach方法主要是针对数组而言的,对数组中的每个元素可以执行一次方法。
foreach方法主要有三个参数,分别是数组内容、数组索引、整个数组。

let array = ['a', 'b', 'c', 'e'];
array.forEach((a)=> {console.log(a);
});
let array = ['a', 'b', 'c', 'e'];
array.forEach((a,b,c)=> {console.log(a);console.log(b);console.log(c);
});

三、map()方法:

forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组array。
map() 有返回值,可以return 出来。

let arr = [1,23,3];
arr.map(function(value,index,array){//do somethingreturn XXX
let ary = [12,23,24,42,1];
let res = ary.forEach(function (item,index,array) {input[index] = item*10;
})
console.log(res);//-->undefined;
console.log(ary);//-->会对原来的数组产生改变;

注意:forEach 和 map 的回调函数里不支持 break 退出循环。如果使用 return 的话也只会退出当前那次循环的函数,循环还是会继续执行。如果想用 break 关键字,可以用原生的 for 循环。

遍历的几种方式及用法相关推荐

  1. Map集合遍历的四种方式理解和简单使用

    Map集合遍历的四种方式理解和简单使用 ~Map集合是键值对形式存储值的,所以遍历Map集合无非就是获取键和值,根据实际需求,进行获取键和值 1:无非就是通过map.keySet()获取到值,然后根据 ...

  2. JS数组遍历的几种方式

    JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比 第一种:普通for循环 代 ...

  3. python循环展示大写字母_python调用大写函数python中字典的循环遍历的两种方式

    开发中经常会用到对于字典.列表等数据的循环遍历,但是python中对于字典的遍历对于很多初学者来讲非常陌生,今天就来讲一下python中字典的循环遍历的两种方式. 注意: python2和python ...

  4. jQuery遍历的几种方式

    jQuery遍历的几种方式 1. jq对象.each(callback) 或 选择器.each(callback) 1.1. 回调函数不带参数 (*注意:这种不带参数的回调只能获取到集合中的每一个元素 ...

  5. python 遍历字符串的每一个字符_Python之字符串的遍历的4种方式

    python的字符串遍历有4种方式: 1. 下标法 2. for in 3. iter内置函数 4. enumerate 其中下标法和enumerate适合需要判断后续字符的场景,比如循环到下标ind ...

  6. HashMap遍历的两种方式,推荐使用entrySet()

    转自:HashMap遍历的两种方式,推荐使用entrySet() 第一种: Map map = new HashMap(); Iterator iter = map.entrySet().iterat ...

  7. [Java] HashMap遍历的两种方式

    Java中HashMap遍历的两种方式原文地址: http://www.javaweb.cc/language/java/032291.shtml 第一种: Map map = new HashMap ...

  8. 数据绑定以及Container.DataItem几种方式与用法分析 收藏

    数据绑定以及Container.DataItem几种方式与用法分析 收藏 灵活的运用数据绑定操作         绑定到简单属性:<%#UserName%>         绑定到集合:& ...

  9. 遍历字符串的每个字符python_Python之字符串的遍历的4种方式

    python的字符串遍历有4种方式: 1. 下标法 2. for in 3. iter内置函数 4. enumerate 其中下标法和enumerate适合需要判断后续字符的场景,比如循环到下标ind ...

最新文章

  1. Cassandra--启用用户认证和用户管理
  2. SAP FSM 学习笔记(三) 在微信里发起SAP FSM客户预约
  3. android通讯录简单的_安卓手机删了联系人怎么恢复?超简单的恢复方法,一看就懂!...
  4. 2999元!联想Z6 Pro开启预售:搭载骁龙855+后置高清四摄
  5. P2839 畅通工程
  6. python电脑下载安装-python
  7. 《电路分析导论(原书第12版)》一3.6 色环与标准电阻标称值
  8. GDI+ C 画图 输出文字
  9. 安装SQL 2000挂起的解决办法
  10. 【基于Android的连连看游戏的设计与实现】
  11. RAW WAR WAW 数据相关性
  12. cocos2d 3.11获取机型和系统版本号
  13. AppiumLibrary 时间控件的选择
  14. 浙师大OJ2494走楼梯问题
  15. 如何让网页显示友好的错误信息页面
  16. 【纪中受难记】——Day20:祈祷落幕时
  17. 腾讯云开发环境部署系列教程一 【申请免费的腾讯云主机】
  18. 月薪2千到年薪百万,厂妹到高盛程序员,她书写了一个女孩的史诗
  19. 上海市“专精特新”中小企业认定
  20. vue pinyin.js库

热门文章

  1. Linux系统MBR和GPT分区的区别
  2. 斯坦福大学自然语言处理研究的《信息检索》课程
  3. vim代码对齐命令_vim让代码整齐美观的小技巧
  4. HashSet的基本用法
  5. 小菜鸡近期的一些胡思乱想
  6. PyTorch深度学习实战 | 基于ResNet的人脸关键点检测
  7. php获取当前网速,关于网络,带宽,网速,延迟的一些知识
  8. 从英雄联盟谈Java中的多态
  9. Linux之(16)程序管理
  10. AcceptChanges()和RejectChanges()原理