前言
if 语句又称条件语句, if 语句可以用来判断程序执行哪些代码,不执行哪些代码。
if 语句
通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。
在 JavaScript 中,我们可使用以下条件语句:
if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码;
if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码;
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行。
If 语句
执行逻辑:只有当指定条件为 true 时,该语句才会执行代码。
语法:
if (condition) { 当条件为 true 时执行的代码 }
请使用小写的 if ,因为 if 是系统定义的关键字,写为 IF 会报错。
代码实例:
if (time<20) //只有当time<20时, 才执行x="Good day" { x="Good day"; }
If...else 语句
执行逻辑:在条件为 true 时执行代码,在条件为 false 时执行其他代码。
语法:
if (condition) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 }
代码实例:
//当time<20时, 执行 x="Good day" ; 否则,执行 x="Good evening" if (time<20) { x="Good day"; } else { x="Good evening"; }
If...else if...else 语句
执行逻辑:选择多个代码块之一来执行。
语法:
if (condition1) { 当条件 1 为 true 时执行的代码 } else if (condition2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }
代码实例:
// 当 time<10 时, 执行 console.log("早上好"); // 当 time>=10 && time<16 时,执行 console.log("今天好"); // 否则,执行 console.log("晚上好!"); //程序从上往下执行,依次判断每个条件,当遇到第一个条件成立,执行此条件对应的代码块,其他代码块忽略。 //根据条件,只会选择其中一个代码块执行。 if (time<10) { console.log("早上好"); } else if (time>=10 && time<16) { console.log("今天好"); } else { console.log("晚上好!"); }
实际应用中,可能会有多个 else if 块
实际应用中,根据程序逻辑,最后的 else 块可以不写( else 块不是必须的)。
实际应用中,如果 {} 中只有一条语句,此时可以省略 {},同时代码更加紧凑,如下:
//这种省略大括号的写法使得代码更加紧凑,而且不会影响程序功能。 if (time<20) x="Good day"; else x="Good evening";
工作中,还可以用三目运算符?:写出功能相同,但更为紧凑的 if...else 结构,如下:
if (time<20) { x="Good day"; } else { x="Good evening"; } // 使用三目运算符的紧凑写法 var x = time < 20 ? "Good day" : "Good evening" ;