一分钟搞明白js的循环结构

js中的四种循环

什么是循环？

在学习就是的循环之前，我们首先要明白到底什么是循环，或者说循环由哪些结构组成

1. 声明循环变量 –var i = 0;
2. 判断循环条件–if i <= 10;
3. 执行循环体内的操作{}
4. 更新循环变量
5. 重复执行2-4，直到2不成立，循环结束

whilie循环

while循环的关键字就是while,其语法如下：

var 声明循环变量
while(判断条件）{
		条件为真时执行的循环体
		自增量（更新循环变量）
}

注意：while循环必须配合自增量使用否则就会进入死循环
但通常来讲，我们使用while循环就是要用它的死循环，在达到我们的需求后if判断使用break跳出这个死循环。

do…while循环

语法：

var 声明循环变量
 do{
        循环体
        自增量（更新循环变量）
    }while(判断条件)

while和do…while这两个循环看似差不多，其实两者间有着很关键的区别：
while是先判断循环条件后执行循环体，而do…while是先执行一遍循环体后再判断循环条件，也就是说再相同不成立的条件下do…while循环是至少执行一次的，而while是0次
do…while循环在实际使用中是非常少的，在这里小编也不推荐大家使用do… while循环。

for循环

for循环的关键字就是for，它的语法如下：

for（var 循环变量；判断条件；自增量的自增方式）{
		循环体
}

for括号里面可以什么值都不写（死循环）， 但是不写内容可以必须要写两个分号
for循环是平常工作中使用的最多的循环，for循环里经常会在嵌套一个循环，像冒泡排序，打印9*9乘法表以及杨辉三角等等。

for…in循环

for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）
语法：

for (变量 in 对象)
{
    在此执行代码
}

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。for…in循环没有判断条件和自增量的自增方式

关键字：continue和break

continue和break两者都是用来跳出循环，两者区别在于continue只是跳过本次循环，而break是跳出当前循环，不在执行循环体。
注意：不管是跳过本次循环还是跳出循环，都只会对当前的循环起作用。