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("偶数");
相关推荐
fxshy3 分钟前
01-Cesium添加泛光线
开发语言·前端·javascript
丹丹的笑意32 分钟前
学习记录:js算法(四十七):相同的树
javascript·学习·算法
聊天宝快捷回复34 分钟前
必收藏,售后客服日常回复必备的话术 (精华版)
java·前端·数据库·经验分享·微信·职场发展·快捷回复
v(z_xiansheng88)36 分钟前
markdown
前端·macos
清灵xmf44 分钟前
在 Vue 3 中实现“折叠”与“展开”文本内容
前端·javascript·css·vue.js
我的椰子啊1 小时前
el-input仅限输入数字 (输入框仅支持输入数字)
前端·javascript·vue.js
简单点了1 小时前
el-table+el-form实现表单校验和解决不垂直居中导致的问题
javascript·vue.js·elementui
pcplayer1 小时前
WEB 编程:富文本编辑器 Quill 配合 Pico.css 样式被影响的问题之Shadow DOM
前端·css
mez_Blog1 小时前
React学习笔记(3.0)
前端·笔记·学习·react.js·前端框架
用户75390019234811 小时前
在vercel部署项目时除首页外刷新报404
前端·vue.js