今天是我学习JS的第四天,今天我们学习了条件语句,跟着我一起来看看吧。
一、条件语句
人类(以及其他的动物)无时无刻不在做决定,这些决定都影响着他们的生活,从小事(“我应该吃一片还是两片饼干”)到重要的大事(“我应该留在我的祖国,在我父亲的农场工作;还是应该去美国学习天体物理学”)。
条件语句结构允许我们来描述在 JavaScript 中这样的选择,从不得不作出的选择(例如:“一片还是两片”)到产生的结果或这些选择(也许是“吃一片饼干”可能会“仍然感觉饿”,或者是“吃两片饼干”可能会“感觉饱了,但妈妈会因为我吃掉了所有的饼干而骂我”。)
那么我们知道了什么是条件语句之后,接下来我们来了解一下语句一共有几种;
第一种:if...else 语句
- 关键字
if
,并且后面跟随括号。 - 要测试的条件,放到括号里(通常是“这个值大于另一个值吗”或者“这个值存在吗”)。这个条件会利用比较运算符(我们会在最后的模块中讨论)进行比较,并且返回
true
或者false
。 - 一组花括号,在里面我们有一些代码——可以是任何我们喜欢的代码,并且只会在条件语句返回
true
的时候运行。 - 关键字
else
。 - 另一组花括号,在里面我们有一些代码——可以是任何我们喜欢的代码,并且当条件语句返回值不是
true
(换句话说,这个返回值为false
)的话,它才会运行。
这段代码真的非常易懂——它说“如果(if)条件(condition)返回 true
,运行代码 A,否则(else)运行代码 B”
注意:你不一定需要 else
和第二个花括号——下面的代码也是符合语法规则的:
if (condition) {
/* 条件为真时运行的代码 */
}
/* 运行其他的代码 */
不过,这里你需要注意——在这种情况下,第二段代码不被条件语句控制,所以它总会运行,不管条件返回的是 true
还是 false
。这不一定是一件坏事,但这可能不是你想要的——你经常只想要运行一段代码或者另一段,而不是两个都运行。if else是双分支语句。
if语句
if语句是个单分支,就是说一个代码块只要满足这个条件就会执行否则输出为空。
if else if语句
三、多分支 多种情况 | |
if(条件1){ | |
条件1成立执行这里 | |
}else if(条件2){ | |
条件2成立执行这里 | |
}else if(条件3){ | |
条件3成立执行这里 | |
}else{ | |
以上条件都不成立则执行这里。 | |
} |
Switch语句
if...else
语句能够很好地实现条件代码,但是它们不是没有缺点。它们主要适用于只有几个选择的情况,每个都需要相当数量的代码来运行,和/或条件很复杂的情况(例如多个逻辑运算符)。对于只想将变量设置一系列为特定值的选项或根据条件打印特定语句的情况,语法可能会很麻烦,特别是如果有大量选择的时候。
switch 语句 在这里是你的朋友——它们以单个表达式/值作为输入,然后查看多个选项,直到找到与该值相匹配的选项,执行与之相关的代码。
- 关键字
switch
, 后跟一组括号。 - 括号内可以是表达式或值。
- 关键字
case
, 后跟一个选项的表达式/值,后面跟一个冒号。 - 如果选项与表达式匹配,则运行一些代码。
- 一个
break
语句,分号结尾。如果先前的选择与表达式/值匹配,则浏览器在此停止执行代码块,并执行 switch 语句之后的代码。 - 你可以添加任意的 case 选项(选项 3-5 个)。
- 关键字
default
, 后面跟随和case
完全相同的代码模式(选项 3–5 个),default
之后不需要再有选项,并且不需要break
语句,因为之后没有任何运行代码。如果之前没有选项匹配,则运行default
选项。
这事我今天的分享,希望可以帮助到初学JS的小白