循环的目的
循环的目的？循环的目的为了重复执行某些代码。
循环主要有三种类型：
for... while... do... while for循环重复执行某些代码，通常是跟计数有关。
for循环的的语法结构
for（初始化变量，条件表达式，操作表达式）{
循环体
}
初始化变量：就是用var声明一个普通的变量，通常用于作为计数其使用。
条件表达式：就是用来决定每一次循环是否继续执行，就是终止条件。
操作表达式：是指每次循环最后执行的代码，经常用于计数器变量进行更新（递增或递减）。
代码验证：
for (var i = 1; i <= 100; i++){
console.log(‘你好吗？‘);
}
浏览器显示
For 循环执行过程：
断点调试
断点调试目的（观察循环运行过程），断点调试是指自己在程序的某一行设置一个断点，调试时程序运行到这一行就会停下，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，调试到出错的代码行，即显示错误。
断点调试的操作方法
浏览器中按f12 -- sources ---找到需要调试的文件在程序的某一行设置断点。
Watch：监视通过watch可以监视变量的值的变化这个时候观察watch中变量的值的变化。
代码调试的能力非常重要，只有学会了代码调试，才能学会自己解决bug的能力。
如图：
For 循环案例 （for循环可以执行不同的代码，因为我们有计数器变量i 的存在，i 每次循环都会有变化）
输出一个人的1--100岁
for (var i = 1; i<= 100; i++){
console.log(‘这个人今年‘+ i +‘岁了‘);
} */
for 循环可以执行不同的程序
例如：
1-100之间所有数相加的和
思路：1.1-100之间循环的次数需要用一个计数器来表示，
2. 和需要存储在变量中，sum来表示 初始值为0；
3.找规律 1+2+3+4+5+6
3+3
6+4
10+5
核心算法的规律 sum = sum + i
代码演示：
/* var sum = 0;
for (var i = 0; i<=100; i++){
// sum = sum +i
sum += i;
}console.log(sum); */
双重for循环
语法结构：
1.for（外层条件初始化变量；外层条件表达式变量；外层操作表达式）{
for（内层条件初始化变量；内层条件表达式变量；内层操作表达式）{
执行语句
}
}
2.可以把内层的循环看做是外层循环的语句
3外层循环一次内层的循环全部执行
代码验证：
for (var i = 1; i <= 5; i++){ console.log(‘这是外层循环的第‘+ i +‘次‘); for (var i = 1; i <= 5; i++){ console.log(‘这是内层循环的第‘+ i +‘次‘); } }
浏览器显示：
while循环
1. 语法结构：
while（条件表达式）{
循环体
}
2.执行思路：当条件表达式结果为true 则执行循环体否则退出循环
代码验证:
var num = 1; while(num <= 100){ console.log(‘你好吗？‘)； num++； }
浏览器显示：
3.也有计数器，初始化变量
4.也有操作表达式完成计数器的更新，防止死循环
do while循环
语法结构：
do {
循环体 条件表达式为真时重复执行循环体
} while（条件表达式）
执行思路：
先执行一次循环体，在判断条件，如果条件表达式结果为真，则继续执行循环，否则退出循环
代码验证：
var i = 1; do { console.log(‘你好‘); i++; } while (i <= 100)
do while 至少执行一次
contiue break 关键词
continue 退出本次（当前的循环）继续执行剩余的循环
代码验证：
for (var i = 1; i <= 5; i++ ) { if(i==3){ continue; }console.log(‘我在吃第‘+ i +‘个包子‘); }
浏览器显示：
break 用于直接跳出循环
代码验证：
for (var i = 1; i <= 5; i++ ) { if(i==3){ break; }console.log(‘我在吃第‘+ i +‘个包子‘); }
浏览器显示：
原文：https://www.cnblogs.com/zhangbozi/p/12701641.html