首页 /  技术专区  /  JavaScript 宽屏模式 >

JavaScript表达式和语句、分支语句(if)、三元运算符、switch语句

1. 表达式和语句

表达式 :

表达式是可以被求值的代码,JavaScript 引擎会将其计算出一个结果。

x = 7
3 + 4
num++

语句:

语句是一段可以执行的代码。

比如: prompt()可以弹出一个输入框,还有 if 语句 for 循环语句等等


区别:

表达式: 因为表达式可被求值,所以它可以写在赋值语句的右侧

    表达式    num = 3 + 4

语句:而语句不一定有值,所以比如 alert() for 和 break 等语句就不能被用于赋值

    语句    alert() 弹出对话框    console.log() 控制台打印输出


某些情况,也可以把表达式理解为表达式语句,因为它是在计算结果,但不是必须的成分(例如continue语句)


2. 分支语句

程序三大流程控制语句

以前我们写的代码,写几句就从上往下执行几句,这种叫顺序结构

有的时候要根据条件选择执行代码,这种就叫分支结构

某段代码被重复执行,就叫循环结构

Image.png

1.if 语句

if 语句有三种使用:单分支、双分支、多分支

单分支使用语法:

if ( 条件 ) {
    // 满足条件要执行的代码
}


括号内的条件为 true 时,进入大括号里执行代码。

小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型。

如果大括号只有一个语句,大括号可以省略,但是,我们不提倡这么做。


双分支 if 语法:

if ( 条件 ) {
    // 满足条件要执行的代码
} else {
    // 不满足条件执行的代码
}


多分支 if 语法

使用场景: 适合于有多个结果的时候, 比如学习成绩可以分为: 优 良 中 差

if ( 条件1 ) {
    // 代码1
} else if ( 条件2 ) {
    // 代码2
} else if ( 条件3 ) {
    // 代码3
} else {
    // 代码n
}


释义:

先判断条件1,若满足条件1就执行代码1,其他不执行

若不满足则向下判断条件2,满足条件2执行代码2,其他不执行

若依然不满足继续往下判断,依次类推

若以上条件都不满足,执行else里的代码n

注:可以写N个条件,但这里演示只写2个


3. 三元运算符

使用场景:其实是比 if 双分支 更简单的写法,可以使用 三元表达式

符号:? 与 : 配合使用

语法:

条件 ? 满足条件执行的代码 : 不满足条件执行的代码

一般用来取值


4. switch语句

switch ( 数据 ) {
    case 值1:
        // 代码1
    break
    case 值2:
        // 代码2
    break
    case 值3:
        // 代码3
    break
    default:
        // 代码n
    break
}


释义:

找到跟小括号里数据全等的 case 值,并执行里面对应的代码

若没有全等 === 的则执行 default 里的代码

例:数据若跟值2全等,则执行代码2


注意事项

1.switch case语句一般用于等值判断,不适合于区间判断

2.switch case一般需要配合break关键字使用 没有break会造成case穿透






头像
0/200
图片验证码