什么是条件语句
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 语句
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语句
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 语句
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点, 不是吃饭时间!