JavaScript 逻辑运算和控制语句

583 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第 3天,点击查看活动详情

逻辑运算符

逻辑运算符用于逻辑运算。如变量 num 要大于2同时也要小于 7,这里的同时就是一种逻辑运算。JavaScript 中的逻辑运算有三种:&& 与 (并且)、|| 或 (或者)、! 非 (取反)。它们的结果都是以true 和 false。

image.png

&&:只有两个都为true,结果才为 true,否则只要有一个 false,那就都是 false。

    if(4>5&&8>7){
        console.log("itbbfx资源下载")
    }
    
    else{
        console.log("itbbfx分享")
    }
    

image.png

||:只有有一个为 true,结果都为 true,只有两都为 false,结果才为 false。


    if(4>5||8>7){
        console.log("itbbfx资源下载")
    }
    
    else{
        console.log("itbbfx分享")
    }
    

image.png

!:非就是取反。表达式结果如果是布尔值,则会直接取反,结果如果不是布尔值,则会转换成布尔值再取反。取反即将 true 变成 false,或者将 false 变成 true。

  if(!(4>5)){
        console.log("itbbfx资源下载")
    }

image.png

控制语句

if 基本使用格式

// 方式1
if (条件) {
  // 条件满足做的事情;
}

// 方式2
if (条件) 条件满足时候做的事情;

一般方式2一行代码使用,有些代码压缩工具可能会将多个语句配合逗号表达式压缩成方式2。

if(10>5){
        console.log("itbbfx资源下载")
    }

image.png

if 分支:if 语句可以仅有单个分支也可以有多个分支。

  if(4>5){
        console.log("itbbfx资源下载")
    }else{
        console.log("itbbfx分享-")
    }

image.png

if 语句很简单,但是非常常用和重要,高级语言如果失去了条件语句,又没有其他的替代品,基本就失去了活力。

使用 if 语句的时候也需要注意,碰到冗长的条件尽量思考一下是不是有更好的解决方案,防止代码可读性和可维护性变差。