JavaScript的循环结构

在前章文章中我们说到了JavaScript的：

分支结构： 程序的流程控制
1.顺序结构
2.分支结构
3.循环结构

前面已经说了分支结构
接下来我们来介绍一下：

循环结构

js的循环结构是什么？

重复执行相同或像是的代码

就好比如果我们要在控制台输出十句：hello world；
如果没有循环结构，我们是不是得：

console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');
console.log('hello world');

像这样用console.log（）打印10句
这样使用起来非常的不方便，如果是100或者1000句，打印起来相当麻烦。

而在js中循环结构就可以解决这样的问题
在js中有三种循环：

1.while 循环

while(条件){
    // 循环体  代码块
    break;//终止当前循环 提前推出循环
    continue;//终止本次迭代，继续下一轮
}

执行流程：判断循环的条件
如果条件为真，则执行循环体，判断循环条件，执行循环体，直到条件为假，则结束循环操作

我们用while循环来解决一下上面的问题：

var sun = 0; //先定义一个变量用来作条件判断
while(sun<10){ //sun<10 所以改循环会执行10次，当判断条件sun不小于10时，此循环结束
	console.log("hello world")
}

2. do…while

do{
    // 循环体
}while(条件);

do…while循环在作条件判断之前会先进行输出。
不管判断条件是否为真，都会先进行打印一次

3.for

// for(循环变量的声明; 循环条件; 循环变量的改变){
for(表达式1; 表达式2; 表达式3){
    // 循环体
}

表达式1的声明
表达式2的条件是否成立，如果成立 执行 循环体
执行表达式3；执行表达式2，结果成立 执行循环体 ；
执行表达式3 执行表达式2 结果成立…执行表达式2结果不成立 结束循环

在循环使用中，我们会经常用到for循环

我们在用for循环解决一下上面的问题：

for(var sun = 0; sun<10;sun++){//判断条件，i++（每进行一次判断，i自增1）
	console.log("hello world");
}

在for循环中我们也会有特殊的写法：三个表达式都可以省略
前提条件是：

1. 省略声明表达式，在循环开始之前对循环变量定义
2. 省略条件判断表达式，在循环体中做跳出循环的操作
3. 省略循环变量的改变，在循环体中对循环变量进行改变

嵌套循环

以上三种循环结构可以自由组合（嵌套循环）：

while：没有固定的循环次数，一般的需求都是到什么为止 并且满足条件才循环

do…while:没有固定的循环次数，一般的需求都是到什么为止 无论是否满足循环条件都会执行一次

for ： 有固定的循环次数的场合用，使用较多

在后面循环的使用会和函数已经数组配合使用。

学习小结：
拿我们老师说的JavaScript就是一个从0-1的过程，个人认为这个过程0-1看的就是循环，没熬过去就永远是0，其实都是这样的一个过程，循环看的是个人的逻辑思维，和html，css那些固定的代码相比js会难很多，在学习js的过程中也会相对于枯燥很多，在面对循环题目而崩溃时，一定一定要挺过去，多看，多练，多写几个题目，你会突然发现你居然会了，所以还是得加油！