JavaScript-条件语句的使用

JavaScript 语言中，条件语句（if 语句）罕用于基于不同条件执行不同的动作。简略来讲就是判断给出的某个条件是否是正确的，如果条件正确要如何做，条件谬误要如何做。举一个例子，例如当初有一个变量 age，给定一个条件语句为“age 是否大于 18”，如果大于 18 则能够玩游戏，否则不能够玩游戏。

var age = 20;
if(age > 18){console.log("你能够玩游戏哟");
}else{console.log("未成年不能够玩游戏");
}

在 JavaScript 中，咱们能够应用的 if 条件语句有如下几种：

if 语句：当指定条件为 true 时，应用该语句来执行代码。
if-else 语句：当指定条件为 true 时执行 if 前面的代码，为 false 执行 else 前面的代码。
else if 语句：当要指定多个条件时，能够在 if 语句前面加 else if 语句。

if 语句是最根本的条件语句，规定如果条件为 true 时，则执行花括号 {} 中的代码块。

语法如下所示：

if (condition)
{// 条件为 true 时要执行的代码块}

其中 condition 示意条件，并且 if 只能小写，前面必须接英文的花括号{}，如果不依照语言要求写代码会报错。

示例：

例如咱们给定一个条件，当变量 num 大于 10，输入“嘻嘻嘻”，咱们能够这样写：

var num = 15;
if(num > 10){console.log("嘻嘻嘻");
}

在 VSCode 中执行上述代码，输入后果如下：

执行代码时，咱们间接在 .js 文件中编写好代码，在 VSCode 的终端中应用 node test.js 命令来执行这段代码，其中 test.js 是文件名。

如果咱们是在 HTML 中编写 JavaScript 代码，则须要将 JavaScript 代码写在 <script> 标签中，并且在浏览器中关上这个 HTML 文件，例如上面这段代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS_侠课岛(9xkd.com)</title>
</head>
<body>
  <div>
    <p> 如果工夫早于某一个时刻，会取得问候 "Congratulations!"。</p>
    <p id="if"></p>
  </div>
  <script>
    if(new Date().getHours() < 18) {document.getElementById("if").innerHTML = "Congratulations!";
    }
  </script>
  </body>    
</html>

间接在浏览器中关上这个文件，页面会显示如下内容：

if-else 语句规定如果条件为 true 时，执行 if 前面的花括号中的代码块，为 false 时则执行 else 前面花括号中的代码块。

语法如下所示：

if (condition) {// 条件为真时要执行的代码块}else{// 如果条件为 false，则执行的代码块}

其中 condition 是条件语句，else 前面不须要接条件语法。这也好了解，例如打个比方说，我往年大于 18 岁，那么大于 18 岁就是一个条件if 语句，只有不满足这个条件，不论是等于还是小于 18 岁，都是 else。

示例：

同样是一个对于工夫的例子，依据以后工夫是否符合标准来打招呼，12 点之前是”Good morning“，12 点之后是”Good afternoon“：

var hour = new Date().getHours();  // 获取以后工夫(小时)

var greet;
if(hour < 12) {greet = "Good morning";} else {greet = "Good afternoon";}
console.log("当初工夫为：" + hour);
console.log("打个招呼吧：" + greet);

输入：

else if 语句和 if 语句相似，前面也要接一个条件，例如if 前面接的是条件 1，else if 前面就接条件 2，else 前面就是既不满足条件 1，又不满足条件 2 的其余状况。

语法如下：

if (condition1) {// condition1 为 true 时，要执行的代码块} else if (condition2) {// 当 condition1 为 false 而 condition2 为 true，则执行此代码块} else {// 当 condition1 和 condition2 为 false，则执行这个代码块}

示例：

例如学生食堂早上 8 点吃早饭，中午 12 点吃午饭，早晨 18 点吃晚饭，其余工夫不吃饭：

var hour = new Date().getHours();  // 获取以后工夫(小时)

if(hour == 8) {console.log("当初的工夫为：" + hour + "点, 该吃早饭啦！");
} else if(hour == 12) {console.log("当初的工夫为：" + hour + "点, 该吃午饭啦！");
} else if(hour == 18){console.log("当初的工夫为：" + hour + "点, 该吃晚饭啦！");
}else{console.log("当初的工夫为：" + hour + "点, 不是吃饭时间！");
}

执行代码，输入：

当初的工夫为：14 点, 不是吃饭时间！

JavaScript-条件语句的使用

什么是条件语句

if 语句

示例：

if-else 语句

示例：

else if 语句

示例：