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("偶数");
相关推荐
前端小巷子16 分钟前
Webpack 5模块联邦
前端·javascript·面试
玲小珑19 分钟前
Next.js 教程系列(十九)图像优化:next/image 与高级技巧
前端·next.js
晓得迷路了20 分钟前
栗子前端技术周刊第 91 期 - 新版 React Compiler 文档、2025 HTML 状态调查、Bun v1.2.19...
前端·javascript·react.js
江城开朗的豌豆26 分钟前
Vue和React中的key:为什么列表渲染必须加这玩意儿?
前端·vue.js·面试
江城开朗的豌豆31 分钟前
前端路由傻傻分不清?route和router的区别,看完这篇别再搞混了!
前端·javascript·vue.js
pengzhuofan34 分钟前
Web开发系列-第0章 Web介绍
前端
小鱼人爱编程43 分钟前
Java基石--反射让你直捣黄龙
前端·spring boot·后端
JosieBook2 小时前
【web应用】如何进行前后端调试Debug? + 前端JavaScript调试Debug?
前端·chrome·debug
LBJ辉2 小时前
2. Webpack 高级配置
前端·javascript·webpack
灵感__idea9 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员