网页前端开发之Javascript入门篇(4/9)：循环控制

Javascript循环控制

什么是循环控制？
答：其概念跟 Python教程 介绍的一样，只是语法上有所变化。

参考流程图如下：

其对应语法：

var i = 0;         // 设置起始值
var minutes = 15;  // 设置结束值（15分钟洗涤时间）
console.log("准备洗涤");
while(i < minutes)      // 判断是否需要洗涤
{
  console.log("正在洗涤..");
  var x = minutes - i;  // 计算剩余分钟数
  console.log("还剩下", x, '分钟');
  i = i + 1;       // 每次计数值加1
}
console.log("洗涤结束");

其中
while 是关键字（意思：当），其后面配上一对 括号 ，里面填入一个 条件表达式 ，最后用 大括号 括住其所有子语句。

---

while与if组合的参考流程图如下：

其对应语法：

var i = 0;
var minutes = 15;
console.log("准备洗涤");
while(i < minutes)
{
  console.log("正在洗涤..");
  var x = minutes - i;
  console.log("还剩下", x, '分钟');
  // 第5分钟时强制中止洗涤
  if(i == 5)
  {
    console.log("中止洗涤")
    break;
  }
  i = i + 1;
}
console.log("洗涤结束");

其中
Javascript 同样使用了 break 语句来打破循环。

注：请在 MinWegPage 上直接在线编写和运行本篇代码，无需安装任何环境。

---

本篇的练习题如下：

第1题
创建一个变量name（名字），并赋值为你的名字。
使用循环打印5次你的名字。

第2题
创建一个变量age（年龄），并赋值为你的年龄。
使用循环打印从1到age。

第3题
创建一个变量deposit（存款），并赋值为0。
然后每天存入的钱是100元，
存够100天后，打印deposit，看你存了多少钱。

请认真完成所有练习题，勤加练习有助于快速提升你的编程能力。
更多练习题在 https://www.min2k.com/course/docs/web-client/loop-control