JavaScript while循环

  • While循环

    while只要指定的条件为真,循环就会循环遍历代码块。
    语法:
    while (条件) {
      // 要执行的代码块
    }
    在下面的示例中,只要变量(i)小于10,循环中的代码就会一遍又一遍地运行:
    while (i < 10) {
      text += "数字是:  " + i;
      i++;
    }
    尝试一下
    如果忘记增加条件中使用的变量或者条件变量永真(永远是true),循环将永远不会结束。这会使您的浏览器崩溃。当然使用下面的方法可以避免这样的情况
    while (true) {
                      if(i > 10){
                        break;  // 当i大于10时候 跳出循环
                     }
      text += "数字是:  " + i;
      i++;
    }
    尝试一下
  • do / while循环

    do/while循环是while循环的一个变种。这个循环将先执行代码块一次,然后检查条件是否为真,然后只要条件为真,它就会重复循环。
    语法:
    do {
      // 要执行的代码块
    }
    while (条件);
    以下示例使用do/while循环。循环将始终至少执行一次,即使条件为假,因为代码块在测试条件之前执行:
    do {
      text += "数字是: " + i;
      i++;
    }
    while (i < 10);
    尝试一下
  • 比较for和while

    如果您已经阅读了前一章,for循环的知识,您会发现while循环与for循环非常相似,省略了语句1和语句3。此示例中的for循环使用循环从cars数组中获取汽车名称:
    var cars = ["BMW", "Volvo", "Saab", "Ford"];
    var i = 0;
    var text = "";
    
    for (;cars[i];) {
      text += cars[i] + "
    ";
      i++;
    }
    
    尝试一下
    此示例中的while循环使用循环从cars数组中获取汽车名称:
    var cars = ["BMW", "Volvo", "Saab", "Ford"];
    var i = 0;
    var text = "";
    
    while (cars[i]) {
      text += cars[i] + "
    ";
      i++;
    }
    尝试一下
    for循环和while循环可以互相转换,for语句可以用while语句的方式写,while语句的方法也可以用for语句的方式来写。