JavaScript html css 流程控制 if语句 三元表达式 switch语句 switch 语句和 if else if 语句的区别

语法：

if (条件表达式) {
    // 条件成立执行的代码语句
}

示例：

let num = 1
if(num>=0){
    console.log('正数')
}

语法：

if (条件表达式) {
    // [如果] 条件成立执行的代码语句
} else {
    // [否则] 执行的代码
}

示例：

let num = 1
if(num>=0){
    console.log('正数')
}else{
    console.log('负数')
}

语法：

if (条件表达式1) {
    语句1;
} else if (条件表达式2) {
    语句2;
} else if (条件表达式3) {
    语句3;
    ...
} else {
    // 上述条件都不成立执行此处代码
}

示例：

let num = 1
if(num>=90 && num<=100){
    console.log('A')
}else if(num>=80){
    console.log('B')
}else if(num>=70){
    console.log('C')
}else if(num>=60){
    console.log('D')
}else{
    console.log('E')
}

三元表达式

let num = 10;
let result = num >= 5 ? '是的' : '不是的'; // 表达式是有返回值的

switch语句

switch (表达式) {
    case value1:
        // 表达式 等于 valur1 时要执行的代码
        break;
    case value2:
        // 表达式 等于 valur2 时要执行的代码
        break;
    default:
        // 表达式 不等于任何一个 value 时要执行的代码
}

1. 我们开发里面，表达式我们经常写成变量

2. 我们 表达式 的值 和 case 里面的值相匹配的时候是 全等，必须是值和数据类型一致才可以

3. break 如果当前的case里面没有break，则不会退出switch，会继续执行下一个case

示例：

let num = 1
switch (num) {
    case 0:
        console.log('星期日')
        break;
    case 1:
        console.log('星期一')
        break;
    case 2:
        console.log('星期二')
        break;
    case 3:
        console.log('星期三')
        break;
    case 4:
        console.log('星期四')
        break;
    case 5:
        console.log('星期五')
        break;
    case 6:
        console.log('星期六')
        break;
}

switch 语句和 if else if 语句的区别

• 一般情况下，它们两个语句可以相互替换

• switch...case 语句通常处理case为比较确定值的情况，而 if...else...语句更加灵活，常用于范围判断（大于、等于某个范围）

• switch 语句进行条件判断后直接执行到程序的条件语句，效率更高。而 if...else 语句有几种条件，就得判断多少次

• 当分支比较少时，if...else 语句的执行效率比 switch 语句高

• 当分支比较多时，switch 语句的执行效率比较高，而且结构更清晰