JavaScript中while/do-while/for三种循环

JavaScript的三种循环

JS中循环有三种：
1.while循环
2.do-while循环
3.for循环

1.while循环
语法结构：
while(条件表达式){当条件表达式为布尔值true时要执行的语句块}

结构图

1-100累加 while 先判断后执行。

//1-100累加  while 先判断后执行
var i = 1;
var str = 0;
while (i <= 100) {
    str = str + i;
    i++;
} 
console.log(str);

2.do-while循环
语法结构：
do{条件表达式为true时执行的语句块}while(条件表达式)

结构图

1-100累加 do-while 先执行后判断。

//1-100累加  do-while  先执行后判断
var i = 0;
var str = 0;
do {
    i++;
    str = str + i;
} while (i < 100)
console.log(str);

while循环与do-while循环的区别：
1）while是先判断条件，后执行循环主体（先判断后执行）
2）do-while是先执行循环主体后判断条件（先执行后判断）
3）如果初始条件不满足，while循环主体不执行，而do-while无条件地执行循环主体一次

3.for循环
语法结构：
for(变量初始化 ;条件表达式; 变量更新){条件表达式为true时执行语句块}

结构图

1-100累加 for循环。

//1-100累加  for循环
var str = 0;
for (var i = 1; i <= 100; i++) {
    str += i;
} 
console.log(str);

注意：
for循环可以省略变量初始化、条件表达式以及变量更新。省略变量初始值，则通常在循环结构之前进行变量初始化,例如：

var str = 0;
        var i=1;
        for( ; i<=100 ; i++){
            str = str + i;
        }
        console.log(str);