重复的做同样的事情，就是循环，以小明写作业为例，如果被老师罚写10遍，如果老师对小明说：多写几遍，老师也不喊停，小明一致写，写道小明死了，循环就停止了，这叫死循环

死循环：不会停止的循环

1. For循环

在 js 中，有三种循环语法，其中 for 循环的使用最普通

1.1 基本语法

for(var i=1;i<11;i++){console.log('静夜思');}

Var i=1：表达式1，创建变量 I 赋值为1，I 被称作循环变量

I<11：表达式2，循环条件，如果结果为 true，则执行循环体，执行完循环体之后，开始执行表达式3。。。。，如果为false，则终止循环的执行，继续执行循环后面的代码

I++：表达式3

{//循环体}

1.2流程理解

1.3循环案例

//计算1-10之间所有整数的和var sum=0;for(var i=1;i<11;i++){sum+=i;}console.log(sum);

图解

1.4循环数组

循环的一个非常重要的作用就是遍历数组

遍历：获取数组中每一个元素，并进行操作

var mad = ['汪瑶', '张鹏', '曹世杰', '狄仁杰', '李元芳','王凯旋'];//数组中最后一个元素索引=数组长度-1for (var i = 0; i <mad.length; i++) {console.log(mad[i]);}

案例1：计算数组中所有数字的和

var number = [1, 2, 4, 5, 6, 7];//计算所有元素的和var sum = 0;for (var i = 0; i < number.length; i++) {sum = sum + number[i];}console.log(sum);

1.5 break 和 continue

Break：终止循环，继续执行循环后面的代码

Continue：终止本次循环，继续执行下次循环

for(var i=0;i<10;i++){if(i==5){//break;continue;}console.log(i);}

Continue应用场景

//将数组中的元素的值都+1，处5外var number = [1, 10, 5, 11, 88];for (var i = 0; i < number.length; i++) {/* number[i]=number[i]+1; */if(number[i]==5){continue;}number[i]++;}console.log(number);

break应用场景

//在数组中找到曹世杰，将名字中“世”改成“士”var mad = ['汪瑶', '张鹏', '曹世杰', '狄仁杰', '李元芳'];for(var i=0;i<mad.length;i++){if(mad[i]=='曹世杰'){mad[i]='曹士杰';//找到并修改之后，就不要再进行后面的匹配了break;}}console.log(mad);

1.6 嵌套循环

嵌套循环：循环中包含循环

for(var i=0;i<3;i++){for(var j=0;j<3;j++){console.log('hello');}}

外循环：外层的循环

内循环：内部的循环

总的循环次数=外循环次数X内循环次数

案例：

使用循环输出如下图形

○

○○

○○○

○○○○

○○○○○

使用嵌套循环，外循环控制行数，内循环控制列数

for (var i = 1; i <=10; i++) {for (var j = 1; j <= i;j++) {document.write('○');}document.write('<br>');}

js第六篇：for循环相关推荐

如何在 JS 代码中消灭 for 循环
Edit: 在我入职上一家公司的第一天,看到代码库里面一堆的 for 循环,内心有些崩溃,于是做了一次技术分享,展示怎样在代码中避免 for 循环.这篇文章是那次分享的总结.至于为什么我提倡避免 fo ...
jsfor循环终止_详解如何在JS代码中消灭for循环
Edit: 在我入职第三家公司的第一天,看到代码库里面一堆的 for 循环,内心有些崩溃,于是做了一次技术分享,展示怎样在代码中避免 for 循环.这篇文章是那次分享的总结.本文并不完美,其中递归的部 ...
秒杀多线程第十六篇多线程十大经典案例之一双线程读写队列数据
本文配套程序下载地址为:http://download.csdn.net/detail/morewindows/5136035 转载请标明出处,原文地址:http://blog.csdn.net/mo ...
四、VUE基础学习篇（循环v-for）- v-for、v-bind:key
码云实时更新学习demo地址:https://gitee.com/dxl96/vuexuexi VUE基础篇(循环遍历) 1.v-for v-for 是vue标签中指定for循环的指令,标签对应的值的 ...
用仿ActionScript的语法来编写html5——第六篇，TextField与输入框
用仿ActionScript的语法来编写html5--第六篇,TextField与输入框一,对比 1,html5中首先看看在html5的canvas中的文字显示 var canvas = docu ...
AD9364 测试平台开发——第六篇，SPI配置内容解析
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 AD9364 测试平台开发--第六篇,SPI配置内容解析以下为个人的一些理解,有一些东西可能不一定理解透彻了,可能有错误,请指正和见 ...
类EMD的“信号分解方法”及MATLAB实现（第六篇）——LMD
继续完善"类EMD"方法系列,本篇是继EEMD.CEEMD.CEEMDAN.VMD.ICEEMDAN后的第6篇,想要看前几种方法的点击链接可以跳转. LMD(local mean ...
如何在js代码中消灭for循环实例详解
转载自:https://www.jb51.net/article/144662.htm 补充一:看来很多人没看完文章就评论了.我在文章末尾说了,是不写 for 循环,不是不用 for 循环.简单陈述不 ...
python量化交易：Joinquant_量化交易基础【六】：循环与多股票策略
本文是量化交易零基础入门教程的第六篇. 摘要学习用list存储多个股票学习使用for循环学习写一个简单的多股票策略自测与自学我们继续以如下这个简单的策略为例进行学习在策略中操作多个股票. d ...

js第六篇：for循环