JavaScript if语句

最新推荐文章于 2025-06-10 16:33:50 发布

原创最新推荐文章于 2025-06-10 16:33:50 发布 · 484 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #javascript

本文介绍了JavaScript中的条件语句，包括if单条件判断，if-else双条件分支，以及if-elseif-else多条件分支的语法、执行流程和最佳实践。强调了条件表达式的布尔值转换以及代码块的使用重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.if语句

语法:

if(条件表达式)

语句

执行流程：

if语句在执行会先对if后的条件表达式进行求值判断，

如果结果为true，则执行if后的语句

如果为false则不执行

if语句只会控制紧跟其后的哪一行代码，如果希望可以控制多行代码，可以使用{}将语句括起来

最佳实践: 即使if后只有1行代码，我们也应该编写代码块，这样结构会更加的清晰

注意事项：

如果if后面的表达式不是布尔值，会转换为布尔值后再运算

  let arr = 10
    if (arr < 20) {
      alert('aaa')
    }

2.if-else语句

语法：

if(条件表达式){

语句...

}else{

语句...

}

执行流程：

if-else执行时，先对条件表达式进行求值判断，

如果结果为true 则执行if后的语句

如果结果为false 则执行else后的语句

    let age = 10

         if(age >= 60){
             alert('你已经退休了！')
         }else{
             alert('你还没有退休！')
         }

3. if-else if-else语句

语法：

if(条件表达式){

语句...

}else if(条件表达式){

语句...

}else if(条件表达式){

语句...

}else if(条件表达式){

语句...

}else{

语句...

}

执行流程：

if-else if-else语句，会自上向下依次对if后的条件表达式进行求值判断，

如果条件表达式结果为true，则执行当前if后的语句，执行完毕语句结束

如果条件表达式结果为false，则继续向下判断，直到找到true为止

如果所有的条件表达式都是false，则执行else后的语句

注意：

if-else if-else语句中只会有一个代码块被执行，

一旦有执行的代码块，下边的条件都不会在继续判断了

所以一定要注意，条件的编写顺序

     age = 200

         if(age >= 100){
             alert('你真是一个长寿的人！')
         }else if(age >= 80){
             alert('你比楼上那位还年轻不小！')
         }else if(age >= 60 ){
             alert('你已经退休了！')
         }else if(age >= 30){
             alert('你已经步入中年了！')
         }else if(age >= 18){
             alert('你已经成年了！')
         }else{
             alert('你还未成年！')
         }