JavaScript教程day06-条件判断

条件判断

JavaScript 使用if() {...} else {...}进行条件判断。其中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('tennager'); // 这行语句已经不在else的控制范围内了

相反的,有{}的语句就不会出错

var age = 20;
if (age >= 18) {
    alert('adult');
} else {
    console.log('age < 18');
    alert('tennager');
}
多行条件判断

如果还要更细致的判断条件,可以使用多个if...else...的组合

var age = 3;
if (age >= 18) {
    alert('adult');
} else if (age >= 6) {
    alert('teenager');
} else {
    alert('kid');
}

以上的多个if...else...的组合实际上相当于两层if...else...
注意if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不在继续判断了

var age = 1;
if (age >= 18) {
    alert('adult');
} else {
    if (age >= 6) {
        alert('teenager');
    } else {
        alert('kid');
    }
}

如果if的条件判断语句结果不是truefalse

var s = '123';
if (s.length) { // 判断条件结果为 3
//
}

JavaScript把nullundefined0NaN和空字符串''视为false,其他一般视为true,因此,上述代码条件为true

笔记整理自廖雪峰JavaScript教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,571评论 0 17
  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 16,534评论 5 28
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,010评论 19 139
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock阅读 3,408评论 2 36
  • 人生没有计划好再开始的,旅途也是吧。 顶着35度的高温拉着行李火急火燎的奔去火车站,出汗出得跟洗了个澡似的,想起后...
    关尔火火阅读 363评论 0 1