JavaScript的条件语句

if条件语句

if结构先判断一个表达式的布尔值,然后根据布尔值的真伪,执行不同的语句。所谓布尔值,指的是JavaScript 的两个特殊值,true表示真,false表示伪。

if语句语法规范

javascript 复制代码
  if(布尔值){
        语句;
       }
javascript 复制代码
       var m=3
       if(m===3){
        console.log(true)
       }

注意:注意,if后面的表达式之中,不要混淆赋值表达式(=)、严格相等运算符(===)和相等运算符(==)。尤其是赋值表达式不具有比较作用。

if...else条件语句

if代码块后面,还可以跟一个else代码块,表示不满足条件时,所要执行的代码。

javascript 复制代码
    var m=4
       if(m===3){
        console.log(true)
       }else{
        console.log(false)
       }

多个if..else链接

javascript 复制代码
    var m=3
       if(m===4){
        console.log(true)
       }else if(m>4){
        console.log("大了")
       }else{
        console.log("小了")
       

if...else的嵌套

javascript 复制代码
 var eat = true;
       var food ="猪肉炖粉条";
       if(eat){
        if(food =="双椒鱼头"){
          console.log("双椒鱼头");
        }else{
           console.log("猪肉炖粉条");
        }
        }else {
            console.log('不吃了');
        }

switch 条件语句

多个if...else连在一起使用的时候,可以转为使用更方便的switch结构

if..else语句
javascript 复制代码
var a=3;
       if(a==1){
        console.log("今天星期一");
       }else if(a==2){
        console.log("今天星期二");
       }else if(a==3){
        console.log("今天星期三");
       }else if(a==4){
        console.log("今天星期四");
       }else if(a==5){
        console.log("今天星期五");
       }else if(a==6){
        console.log("今天星期六");
       }else{
        console.log("今天星期天");
       }
switch语句
javascript 复制代码
   var x=3;
       switch(x){
        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;
        case 7:console.log("今天星期天");
        break;
       }

注意:需要注意的是,每个case代码块内部的break语句不能少,否则会接下去执行下一个case代码块,而不是跳出switch结构。

三元运算符

JavaScript还有一个三元运算符(即该运算符需要三个运算子)?,也可以用于逻辑判断.

三元运算符的语法格式

javascript 复制代码
条件 ? 表达式1 : 表达式2

三元运算符可以被视为if...else..的简写形式,因此可以用于多种场合 。

if..else语句
javascript 复制代码
  var num=10;
      if(num%2==1){
        console.log("奇数");
      }else{
        console.log("偶数");
      }
三元运算符
javascript 复制代码
   var num=10;
      num%2==1 ? console.log("奇数") : console.log("偶数");
相关推荐
excel5 分钟前
前端必备:从能力检测到 UA-CH,浏览器客户端检测的完整指南
前端
前端小巷子12 分钟前
Vue 3全面提速剖析
前端·vue.js·面试
悟空聊架构18 分钟前
我的网站被攻击了,被干掉了 120G 流量,还在持续攻击中...
java·前端·架构
CodeSheep20 分钟前
国内 IT 公司时薪排行榜。
前端·后端·程序员
尖椒土豆sss24 分钟前
踩坑vue项目中使用 iframe 嵌套子系统无法登录,不报错问题!
前端·vue.js
遗悲风24 分钟前
html二次作业
前端·html
江城开朗的豌豆28 分钟前
React输入框优化:如何精准获取用户输入完成后的最终值?
前端·javascript·全栈
CF14年老兵28 分钟前
从卡顿到飞驰:我是如何用WebAssembly引爆React性能的
前端·react.js·trae
画月的亮31 分钟前
前端处理导出PDF。Vue导出pdf
前端·vue.js·pdf
江城开朗的豌豆37 分钟前
拆解Redux:从零手写一个状态管理器,彻底搞懂它的魔法!
前端·javascript·react.js