你不得不知的逻辑或(||)与(&&)非(!)

最近重新翻开原生JS,又得到很多不同的体会,虽然现在开发框架那么多,但很多思想都还是离不开原生的基础。今天呢,我就根据自己的学习总结一下逻辑与(&&)和(逻辑或(||)和逻辑非(!)。

  基本定义

      ||:逻辑或,只有表达式的值都为false,才返回false,其他情况返回true  比如:(8>5)&&(4<6),返回true;(8<5)&&(4<6),返回false

      &&:逻辑与,若两边表达式的值都为true,才返回true;比如: (8>5)&&(4<6),返回true;(8<5)&&(4<6),返回false

    !:逻辑非,若表达式的值为true,则返回false;若表达式的值为false,则返回true  比如:!(9>2),返回false;!(9<2),返回true

这是他们的基本定义,我们都再熟悉不过了,看似好像没有什么大用,其实这三个运算符在我们编写代码中所起到的重要作用。

 首先看几个例子

 var a = 0 || 1 || 2;// a = 1
 var b = 1 || 0 || 3;// b = 1
 var c = 0 || 0 || 0;// c = 0
 var a = 0 && 1 && 2;// a = 0
 var b = 1 && 0 && 3;// b = 0
 var c = 0 && 0 && 0;// c = 0
 var d = 1 || 2 || 4;// c = 4
 OK.看完上面的栗子,你会发现逻辑运算符不是简单的返回true/false,而是返回了某一个内容,其实它的判断过程是这样的:
 逻辑运算符是从前往后依次判断,判断到那个能得出最终结论的地方,就会停止往下判断并返回最后判断的那个内容,不管它是真是假。(记住这句话就行)
 比如:||运算符,只要一个为真就为真,所以你可以认为它会从前往后一直按顺序在找真,找到真就返回那个真。找不到也返回最后一个判断的那个值。
      0 || 1 || 2,判断到1就知道结果肯定是真,不再继续判断,返回1。
      1 || 0 || 3, 判断到第一个就知道结果是真,不再继续判断,返回1。
      0 || 0 || 0;一直判断到了最后一个,才知道结果为假,返回最后一个判断的0。
同理:&&运算符是只要一个为假就为假,所以它会从前往后一直找假的,返回最后一个判断的值。

实际应用

   1给函数参数定义默认值

 var a = a||2;  //判断过程:如果变量a是真就停止判断,返回a,如果a是假就继续判断,所以返回2. 实际上就是给a起了个默认值2。
 也等同于:
  if(a){
     a = a
  }else{
    a =2
  }

//因为js不像php可以直接在型参数上定义func($attr=5)一个默认值,所以可以通过这种方法给参数定义默认值。(顺便提醒一下,最新的es6标准已经可以定义函数参数默认值了。)可以看出用逻辑运算符既节省代码又实现功能

   2 大大减少代码量

  首先出个题:假设:成长速度为5显示1个箭头;成长速度为10显示2个箭头;成长速度为12显示3个箭头;其他都显示都显示0各箭头。

用代码怎么实现?(例子来源于网上的一个贴吧里)

最简单的

var add_level = 0;
if(add_step == 5){
   add_level = 1;
}else if(add_step == 10){
   add_level = 2;
}else if(add_step == 12){
   add_level = 3;
}else {
  add_level = 0;
}

 稍好些的switch:

var add_level = 0;
 switch(add_step){
    case 5 : add_level = 1;
    break;
    case 10 : add_level = 2;
    break;
    case 12 : add_level = 3;
    break;
    default : add_level = 0;
    break;
}

更好的

var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3)  || 0;

更更好的

var add_level={‘5‘:1,‘10‘:2,‘12‘:3}[add_step] || 0;等同于下面的代码:var obj = {‘5‘:1,‘10‘:2,‘12‘:3};var add_level=json[add_step] || 0;

如果需求改成成长速度为>12显示4个箭头;成长速度为>10显示3个箭头;成长速度为>5显示2个箭头;成长速度为>0显示1个箭头;成长速度为<=0显示0个箭头。

var add_level = (add_step>12 && 4) || (add_step>10 && 3) || (add_step>5 && 2) || (add_step>0 && 1) || 0;
console.log(add_level);

哇塞,是不是发现我们的代码一下子就少了很多,但需要注意的一点就是:一方面精简js代码,能实质性的减少网络流量,尤其是大量应用的js公用库。同时,也带来了代码可读性的降低,个人比较推荐的做法是:如果是相对复杂的应用,请适当地写一些注释。

我们可以不使用这些技巧,但是我们一定要能看懂,因为这些技巧已经广泛应用,不理解这些你就很难看懂别人的代码。

关于!运算符

很多代码写if(!!attr),为什么不直接写if(attr);其实这是一种更严谨的写法,如下:

console.log(typeof 5); //number
console.log(typeof !!5); //boolean

可以看出:!!的作用是把一个其他类型的变量转成的bool类型。

&& (逻辑与) 和||(逻辑或)的优先级

混合使用的时候要注意他们的优先级:&& (逻辑与) 优先级高于||(逻辑或)

return a && b || c 

先算a&&b,a 是 false ,a&&b就是返回a,再算a||c,则肯定返回 c;如果a是true ,则要看B,自己想想吧。。。

另附:JS运算符优先级(从高到低列出)

 运算符 描述
. [] () 字段访问、数组下标、函数调用以及表达式分组
++ -- - ~ ! delete new typeof void 一元运算符、返回数据类型、对象创建、未定义值
* / % 乘法、除法、取模
+ - + 加法、减法、字符串连接
<< >> >>> 移位
< <= > >= instanceof 小于、小于等于、大于、大于等于、instanceof
== != === !== 等于、不等于、严格相等、非严格相等
& 按位与
^ 按位异或
| 按位或
&& 逻辑与
|| 逻辑或
?: 条件
= oP= 赋值、运算赋值
, 多重求值

如有错误,欢迎指正。

时间: 2024-10-16 21:27:04

你不得不知的逻辑或(||)与(&&)非(!)的相关文章

逻辑 与 或 非的优先级(and or not 优先级)

刚才写一条hql语句,想起来之前上学那会老师的教诲:用到or的时候防止逻辑出错把需要or的条件用括号括起来.在写hql的时候就很注意,把需要or的条件括了起来,然后执行的时候看了下Hibernate执行的sql语句却没有括号,这会犯疑惑了,难道是Hibernate出问题了,通过一番求证,得出如下结论:并不是Hibernate出错了,而是自己基础太差了.下边就这个问题来分析下. 给大家看两条语句 1.select 1 from dual where (1=1 and 2=2) or (3=3 an

Linux系统LVM逻辑卷的创建与扩容(命令详解,图文并茂)

LVM简介: LVM(Logical Volume Manager)中文名:逻辑卷管理器,本质上是一个虚拟设备驱动,是在内核中块设备和物理设备之间添加的一个新的抽象层次,它可以将几块磁盘(物理卷,PhysicalVolume)组合起来形成一个存储池或者卷组(VolumeGroup).LVM可以每次从卷组中划分出不同大小的逻辑卷(LogicalVolume)创建新的逻辑设备.底层的原始的磁盘不再由内核直接控制,而由LVM层来控制.对于上层应用来说卷组替代了磁盘块成为数据存储的基本单元.LVM管理着

LVM逻辑卷管理,创建,扩展和缩减

1. LVM(Logical Volume Manager):    可以弹性调整文件系统的容量,即把多个物理分区整合为像一个磁盘一样,实现文件系统自由扩展,缩减 2. LVM的组成:        PV(Physical Volume):物理卷           LVM基本的逻辑储存块,但比基本的物理储存块(分区,硬盘等)多出一些LVM有关的管理参数        VG (Volume Group): 卷组            由多个PV组成,类似于非LVM系统中的物理硬盘.       

LVM逻辑卷-创建、扩容、缩减、迁移、快照

LVM逻辑卷 逻辑卷管理工具,允许在多个物理设备之间重新组织文件系统,包括重新设定文件系统的大小 PE  物理盘区,类似于磁盘中的block 逻辑卷的基本存储单位就是PE dm:device mapper将一个或多个底层块设备组织成一个逻辑设备的模块 设备名:/dev/dm-#  //系统自动分配,常用软链接定义 软链接:两种方式表示 /dev/mapper/卷组-逻辑卷 /dev/卷组/逻辑卷 LVM可以弹性的修改容量 基本概念: pv  //物理卷 vg  //卷组 lv  //逻辑卷 本次

LVM逻辑卷管理器 基础

一.LVM简介 逻辑卷管理器LVM(Logcal Volume Manager),LVM可以弹性的调整文件系统的容量,不必要再去烦恼文件系统空间不够的问题.LVM的实现是将几个物理分区(或磁盘)通过软件组合成为一块看起来是独立的大磁盘(VG),然后将这块大磁盘再经过分成可使用分区(LV),最终就能够挂载使用. 以下是LVM一些名词的解释,解释来自百度LVM: PhysicalStorageMedia 物理存储设备 指系统的物理存储设备:磁盘,如:/dev/hda./dev/sda等,是存储系统最

存储5——逻辑卷管理LVM

1. LVM概念 LVM是 Logical Volume Manager(逻辑卷管理)的简写,它由Heinz Mauelshagen在Linux 2.4内核上实现.LVM将一个或多个硬盘的分区在逻辑上集合,相当于一个大硬盘来使用,当硬盘的空间不够使用的时候,可以继续将其它的硬盘的分区加入其中,这样可以实现磁盘空间的动态管理,相对于普通的磁盘分区有很大的灵活性. 与传统的磁盘与分区相比,LVM为计算机提供了更高层次的磁盘存储.它使系统管理员可以更方便的为应用与用户分配存储空间.在LVM管理下的存储

linux逻辑卷管理

最近在进行linux充电,根据网络资料自己整理的资料,分享一下 ---------------------------------------------------------- Linux逻辑卷管理 1.什么是逻辑卷? LVM是逻辑卷管理(Logical Volume Manager)的简称,他是建立在物理存储设备之上的一个抽象层,允许你生成逻辑存储卷,和直接使用物理存储在管理上相比,提供了更好灵活性. LVM将存储虚拟化,使用逻辑卷,你不会受限于物理磁盘的大小,另外,和硬件相关的存储设置被

阻塞赋值与非阻塞赋值

     过程赋值:用于对reg型变量赋值,改变寄存器的值或为以后排定改变.      语法 {阻塞性(blocking)赋值} RegisterLValue = [ TimingControl] Expression; {非阻塞性(non-blocking)赋值} RegisterLValue <= [ TimingControl] Expression; 阻塞:在本语句中"右式计算"和"左式更新"完全完成之后,才开始执行下一条语句: 非阻塞:当前语句的执行

ERwin创建逻辑模型

1.逻辑实体添加非主键属性的三种的方式 1 属性1:在图中直接创建 2 属性2:在模型导航器中创建 3 属性3:在属性对话框中创建