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("偶数");
相关推荐
我的xiaodoujiao37 分钟前
从 0 到 1 搭建 Python 语言 Web UI自动化测试学习系列 9--基础知识 5--常用函数 3
前端·python·测试工具·ui
李鸿耀3 小时前
Flex 布局下文字省略不生效?原因其实很简单
前端
皮蛋瘦肉粥_1214 小时前
pink老师html5+css3day06
前端·css3·html5
华仔啊8 小时前
前端必看!12个JS神级简写技巧,代码效率直接飙升80%,告别加班!
前端·javascript
excel8 小时前
dep.ts 逐行解读
前端·javascript·vue.js
爱上妖精的尾巴8 小时前
5-20 WPS JS宏 every与some数组的[与或]迭代(数组的逻辑判断)
开发语言·前端·javascript·wps·js宏·jsa
excel8 小时前
Vue3 响应式核心源码全解析:Dep、Link 与 track/trigger 完整执行机制详解
前端
前端大卫8 小时前
一个关于时区的线上问题
前端·javascript·vue.js
whltaoin9 小时前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
IT派同学10 小时前
TableWiz诞生记:一个被表格合并逼疯的程序员如何自救
前端·vue.js