JavaScript的循环结构

JavaScript 的循环结构

循环的目的：在实际问题中，有许多具有规律性的重复操作，因此在程序中就需要重复执行某些语句来完成。

一、循环的类型

1. while循环：
语法结构：

var i = 0; //变量赋值（初始值）
while (i<//终止条件){
	console.log(i);
	//循环体
	i++; //改变计数器的变量值
}

2. do…while循环：
语法结构：

var i = 0; //变量赋值（初始值）
do{
	console.log(i);
	//循环体
	i++; //改变计数器的变量值
}
while (i<//终止条件);

3. for循环：
语法结构：

//for(初始变量；终止条件；改变初始变量）{}；
for(i=0;i<6;i++){
	console.log(i);//循环语句
	}

while和do…while的区别：

• while 是先判断条件再执行语句；
• do…while 是先执行语句再判断条件；

while和for循环的区别：

• while的条件语句比较分散，结构比较灵活；
• for循环的条件语句更加集中，结构比较稳定；

二、外部循环的关键词

1. continue:跳过本次循环，执行下次的循环；
2. break：停止整个循环，继续执行循环后的代码；

三、双重(多重)for循环

很多情况下，单层for循环并不能满足我们的需求，此时就可以使用循环嵌套；
语法结构：

 for (var i = 0; i<6; i ++) {
     for (var j = 0; i<6 n; j++) {
         document.write(j); //循环语句
     	 }
     }

注：外层循环执行一次，内层循环执行所有；
我们也可以把外层循环看成行，内层循环看成列；

单层嵌套案例：

 // - 打印100–200之间所有能被3或者7整除的数
    var i=100;
    while(i<=200){
        if(i%3===0 || i%7===0){
            console.log(i)
        }
        i++
    }

 // - 计算10的阶乘
    var sum = 1;
    var i=1;
    while(i<=10){
        sum *= i;
        i++
    }
    console.log(sum);

双重嵌套案例：

 // - 九九乘法表
     var str = 0;
    for (var i = 1; i <= 9; i++) {
        for (var j = 1; j <= i; j++) {
            str = str + j + '*' + i + '=' + i * j + '&nbsp';
        }
        str = str + '<br>';
    }
    document.write(str);