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 语句

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点, 不是吃饭时间!

动手小练习

  1. 一年级三班昨天考试,请根据他们的成绩,来给他们打等级,成绩为100的等级为S、成绩小于100大于80等级为A,成绩小于80大于60等级为B,成绩小于60等级为B。

  2. 现有一个变量height,当变量值大于100,输出“小姐姐,要注意控制饮食哟”,小于100大于90,输出”小姐姐,标准身材呢“,小于90,输出”小姐姐,太瘦了要多吃点!“。

链接:https://www.9xkd.com/

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,591评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,448评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,823评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,204评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,228评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,190评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,078评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,923评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,334评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,550评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,727评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,428评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,022评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,672评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,826评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,734评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,619评论 2 354