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("偶数");
相关推荐
Fly-ping2 分钟前
【前端】cookie和web stroage(localStorage,sessionStorage)的使用方法及区别
前端
我家媳妇儿萌哒哒37 分钟前
el-upload 点击上传按钮前先判断条件满足再弹选择文件框
前端·javascript·vue.js
加油,前进37 分钟前
layui和vue父子级页面及操作
javascript·vue.js·layui
天天向上102438 分钟前
el-tree按照用户勾选的顺序记录节点
前端·javascript·vue.js
sha虫剂41 分钟前
如何用div手写一个富文本编辑器(contenteditable=“true“)
前端·vue.js·typescript
咔咔库奇1 小时前
深入探索 Vue 3 Fragments:从原理到实战的全方位指南
前端·javascript·vue.js
java_强哥1 小时前
uniapp实现聊天中的接发消息自动滚动、消息定位和回到底部
javascript·vue.js·uni-app
要加油哦~1 小时前
vue | vue 插件化机制,全局注册 和 局部注册
前端·javascript·vue.js
猫头虎-前端技术1 小时前
HTML 与 CSS 的布局机制(盒模型、盒子定位、浮动、Flexbox、Grid)问题总结大全
前端·javascript·css·vue.js·react.js·前端框架·html