网页前端开发之Javascript入门篇(3/9):条件控制

Javascript条件控制

什么是条件控制?
答:其概念跟 Python教程 介绍的一样,只是语法上有所变化。

参考流程图如下:

其对应语法:

var button = false;       // 开关状态
console.log("检查开关..");
if(button == true)
{
    
    
  console.log("电灯亮起"); // if 的子语句
  console.log("房间有光");
}
else
{
    
    
  console.log("电灯关闭"); // else 的子语句
  console.log("房间很黑");
}
console.log("检查完毕");

其中
if是关键字(意思:如果),其后面配上一对 括号 ,里面填入一个 条件表达式 ,最后用 大括号 括住其所有子语句。
else是配合 if 的关键字(意思:否则),它也使用 大括号 括住其所有子语句。
若无需 else 分支, 则可以不写。

强烈注意:在 Javascript 中的子语句无需在前面保留空格,因为已经使用 大括号 做了分界符,但出于对代码的可读性,建议还是保留空格。


if的嵌套结构也与 Python 类似。

参考流程图如下:

其对应语法:

var button = false;
var enough = false;
console.log("检查开关..");
if (button == true)          // 第1次二选一
{
    
    
  console.log("电灯亮起");
  if (enough == true)
  {
    
    
    console.log("刷个视频");  // 第2次二选一
  }
  else
  {
    
    
    console.log("听个音乐");
  }
  console.log("喝点饮料");
}
else
{
    
    
  console.log("电灯关闭");
  console.log("房间很黑");
}
console.log("检查完毕!");

其中
第二个if在第一个if 大扩号 中,因此成为了它的子语句,
从而形成了一个父子的嵌套结构。

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


本篇的练习题如下:

第1题
创建一个变量age(年龄),并赋值为你的年龄。
然后判断是否大于18岁,
如果是,则打印:我大于18岁
否则,不处理。

第2题
创建一个变量time(时间),并赋值为你今天起床的时间(几点)。
然后判断是否等于6点,
如果是,则打印:我在6点起床
否则,打印:我不是在6点起床

第3题
创建一个变量t(温度),并赋值为今天的温度。
然后判断是否在15度至30度之间,
如果是,则打印:今天好天气
否则,打印:今天天气不好

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

猜你喜欢

转载自blog.csdn.net/huangmipi/article/details/142678390