JavaScript-快速入门(七)条件判断
2018-03-22 23:52
459 查看
原文出处 :https://www.liaoxuefeng.com/
JavaScript使用
如果
JavaScript使用
if () { ... } else { ... }来进行条件判断。例如,根据年龄显示不同内容,可以用
if语句实现如下:
var age = 20; if (age >= 18) { // 如果age >= 18为true,则执行if语句块 alert('adult'); } else { // 否则执行else语句块 alert('teenager'); }其中
else语句是可选的。如果语句块只包含一条语句,那么可以省略
{}:
var age = 20; if (age >= 18) alert('adult'); else alert('teenager');省略
{}的危险之处在于,如果后来想添加一些语句,却忘了写
{},就改变了
if...else...的语义,例如:
var age = 20; if (age >= 18) alert('adult'); else console.log('age < 18'); // 添加一行日志 alert('teenager'); // <- 这行语句已经不在else的控制范围了上述代码的
else子句实际上只负责执行
console.log('age < 18');,原有的
alert('teenager');已经不属于
if...else...的控制范围了,它每次都会执行。相反地,有
{}的语句就不会出错:
var age = 20; if (age >= 18) { alert('adult'); } else { console.log('age < 18'); alert('teenager'); }这就是为什么我们建议永远都要写上
{}。
多行条件判断
如果还要更细致地判断条件,可以使用多个if...else...的组合:
var age = 3; if (age >= 18) { alert('adult'); } else if (age >= 6) { alert('teenager'); } else { alert('kid'); }上述多个
if...else...的组合实际上相当于两层
if...else...:
var age = 3; if (age >= 18) { alert('adult'); } else { if (age >= 6) { alert('teenager'); } else { alert('kid'); } }但是我们通常把
else if连写在一起,来增加可读性。这里的
else略掉了
{}是没有问题的,因为它只包含一个
if语句。注意最后一个单独的
else不要略掉
{}。请注意,
if...else...语句的执行特点是二选一,在多个
if...else...语句中,如果某个条件成立,则后续就不再继续判断了。
如果
if的条件判断语句结果不是
true或
false怎么办?例如:
var s = '123'; if (s.length) { // 条件计算结果为3 // }JavaScript把
null、
undefined、
0、
NaN和空字符串
''视为
false,其他值一概视为
true,因此上述代码条件判断的结果是
true。
相关文章推荐
- 01快速入门-03-条件判断和循环
- javascript快速入门3--分支判断与循环
- javascript中按位操作的应用,如何快速取整 判断字符串是否是包含某字符串
- JavaScript 快速入门
- Python基础入门(十)- 布尔类型条件判断与循环
- JavaScript快速入门(三)
- javascript if条件判断方法小结
- javascript快速入门27--XSLT基础
- Javascript快速入门(上篇)
- 小仙女-快速入门javascript下下
- javascript入门系列演示·流程控制之 判断、循环
- google+ 登录API 使用 javascript sdk 快速入门 (图解)
- javascript多个判断条件的改写
- javascript开发经验总结【一】:多重条件判断
- javascript if条件判断详解
- JavaScript快速入门
- JavaScript条件表达式的布尔判断
- JavaScript快速入门(四)
- Processing.js快速入门--javascript开发版
- javascript快速入门5--数组与对象