JavaScript控制语句之if/switch

简介: JavaScript控制语句之if/switch

if 语句是使用最频繁的语句之一,switch 语句是与 if 语句紧密相关的一种流控制语句。

1 if 语句

if(条件){
    // 执行语句1
}else{
    // 执行语句2
}

复制

应该很好理解,判断是否满足条件,如果满足,执行语句1,如果不满足,执行语句2。并且求值结果不一定是布尔值。ECMAScript 会自动调用 Boolean()函数将这个表达式的值转换为布尔值。

const a = 1
if (a > 0){
    console.log("是正数");
} else {
    console.log("是负数");
}

复制

如果条件不止一个呢?我们可以使用else if。

if(条件1){
    // 执行语句1
}else if(条件2){
    // 执行语句2
}else{
    // 执行语句3
}

复制

接上

const a = 1
if (a > 0){
    console.log("是正数");
}else if(a == 0){
    console.log("是0");
}else{
    console.log("是负数");
}

复制

2 switch 语句

switch (expression) {
    case value1:
        statement
        break;
    case value2:
        statement
        break;
    default:
        statement
}

复制

这里的每个 case 相当于:“如果表达式等于后面的值,则执行下面的语句。”break关键字会导致代码执行跳出 switch 语句。如果没有 break,则代码会继续匹配下一个条件。default关键字用于在任何条件都没有满足时指定默认执行的语句(相当于 else 语句)。

上面的例子我们用switch可以这么写。

const a = 1
switch (true) {
    case a > 0:
        console.log("是正数");
        break;
    case a == 0:
        console.log("是0");
        break;
    default:
        console.log("是负数");
        break;
}

复制

这种写法比较有意思,之前我们只能判断是否相等,现在通过这种写法,我们可以支持其他运算符。

注意:switch 语句在比较每个条件的值时会使用全等操作符,因此不会强制转换数据类型(比如,字符串"1"不等于数值 1)。

相关文章
|
5月前
|
JavaScript 前端开发
JS基础 if和switch区别
本文比较了JavaScript中的`if`语句和`switch`语句的区别,并通过示例代码展示了它们的用法,解释了何时使用`if`更合适以及`switch`语句的特点和应用场景。
43 0
|
5月前
|
JavaScript 前端开发
JavaScript switch 语句
JavaScript switch 语句
46 1
|
6月前
|
JavaScript 前端开发
深入JavaScript的条件语句:if...else和switch
深入JavaScript的条件语句:if...else和switch
|
8月前
|
JavaScript 前端开发
JavaScript中的switch语句详解
JavaScript中的switch语句详解
|
9月前
|
JavaScript 前端开发
javascript中的switch用法
javascript中的switch用法
|
9月前
|
JavaScript 前端开发
【JavaScript保姆级教程】switch分支与while循环
【JavaScript保姆级教程】switch分支与while循环
175 0
【JavaScript保姆级教程】switch分支与while循环
|
9月前
|
JavaScript 前端开发
【Javascript保姆级教程】if判断语句的三种形式
【Javascript保姆级教程】if判断语句的三种形式
197 0
|
9月前
|
JavaScript 前端开发
JavaScript基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。
JavaScript基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。
79 0
|
9月前
|
JavaScript 前端开发
js基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。具体案例使用演示
js基础语法:包括变量声明、数据类型(Number, String, Boolean, Null, Undefined, Symbol, Object)、运算符、流程控制语句(if...else, switch, for, while, do...while)等。具体案例使用演示
96 1
|
JavaScript 前端开发
Javascript用数据替换if或switch的解决方案
Javascript用数据替换if或switch的解决方案
95 0

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    47
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    57