js 循环

/*
 * for语句，也是一个循环语句，也称为for循环
 *     在for循环中，为我们提供了专门的位置用来放三个表达式：
 *         1.初始化表达式
 *         2.条件表达式
 *         3.更新表达式
 *
 *  for循环的语法：
 *         for(①初始化表达式;②条件表达式;④更新表达式){
 *             ③语句...
 *         }
 *
 *         for循环的执行流程：
 *             ①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
 *             ②执行条件表达式，判断是否执行循环。
 *                 如果为true，则执行循环③
 *                 如果为false，终止循环
 *             ④执行更新表达式，更新表达式执行完毕继续重复②
 */

//创建一个执行10次的while循环
//初始化表达式
/*var i = 0;

//创建一个循环，定义条件表达式
while(i < 10){
    //设置更新表达式
    alert(i++);
}*/

for(var i = 0 ; i < 10 ; i++ ){
    alert(i);
}

/*
 * for循环中的三个部分都可以省略，也可以写在外部
 *     如果在for循环中不写任何的表达式，只写两个;
 *     此时循环是一个死循环会一直执行下去，慎用
 *     for(;;){
        alert("hello");
    }
 */

       
/*
 * 循环语句：
 *     通过循环语句可以反复的执行一段代码多次
 *
 * while循环
 *     - 语法：
 *         while(条件表达式){
 *             需要执行的代码;
 *         }
 *
 *     - while语句在执行时，
 *         先对条件表达式进行求值判断，
 *             如果值为true，则执行循环体，
 *                 循环体执行完毕以后，继续对表达式进行判断
 *                 如果为true，则继续执行循环体，以此类推
 *             如果值为false，则终止循环
 *
 * do...while循环
 *     - 语法：
 *         do{
 *             语句...
 *         }while(条件表达式)
 *
 *     - 执行流程：
 *         do...while语句在执行时，会先执行循环体，
 *             循环体执行完毕以后，在对while后的条件表达式进行判断，
 *             如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
 *             如果结果为false，则终止循环
 *
 *         实际上这两个语句功能类似，不同的是while是先判断后执行，
 *             而do...while会先执行后判断，
 *         do...while可以保证循环体至少执行一次，
 *             而while不能
 */

var n = 1;

//向这种将条件表达式写死为true的循环，叫做死循环
//该循环不会停止，除非浏览器关闭，死循环在开发中慎用
//可以使用break，来终止循环
/*while(true){
    alert(n++);
    
    //判断n是否是10
    if(n == 10){
        //退出循环
        break;
    }
    
}*/

//创建一个循环，往往需要三个步骤

//1.创初始化一个变量
var i = 11;

//2.在循环中设置一个条件表达式
/*while(i <= 10){
    //3.定义一个更新表达式，每次更新初始化变量
    document.write(i++ +"<br />")
    
}*/

/*do{
    document.write(i++ +"<br />");
}while(i <= 10);*/

/*while(true){
    alert(1);
}*/

        而这两者的区别是，do/while 循环在检测条件之前就会执行，也就是说，即使条件为 false，do/while 也会执行一次循环代码。
    
    break 和 continue 语句
        有时候在循环体内，需要立即跳出循环或跳过循环体内其余代码而进行下一次循环，这便是 break 和 continue 的作用。
            break 本语句放在循环体内，作用是立即跳出循环。
            continue 本语句放在循环体内，作用是中止本次循环，并执行下一次循环。如果循环的条件已经不符合，就跳出循环。
        比如：
            for (i = 1; i < 10; i++)
            {
              if (i == 5 || i == 6) continue;
              if (i == 8) break;
              document.write(i);
            }