JavaScript之运算符(二)

       javascript运算符在工作中的运用可以说是无处不在,而逻辑运算符在其中又在其中占不小的比例。

       逻辑运算符常用于布尔(逻辑)值之间; 当操作数都是布尔值时,返回值也是布尔值。 不过实际上&&和||返回的是一个特定的操作数的值,所以当它用于非布尔值的时候,返回值就可能是非布尔值。

逻辑与&&
1、两边条件都为true时,结果才为true;
2、如果有一个为false,结果就为false;
3、当第一个条件为false时,就不再判断后面的条件

数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值;如果结果为false,返回的会是第一个为假的值。可简略总结为返回第一个是 false 的操作数 或者 最后一个是 true的操作数

console.log( 5 && 4 ); //4  当结果为真时,返回第二个为真的值 
console.log( 0 && 4 ); //0 当结果为假时,返回第一个为假的值
console.log( a && 4 );//4 
console.log('a'&&'3')//3
console.log(1 && 2 && 0);  //0
console.log(1 && 0 && 1);  //0
console.log(1 && 2 && 3);  //3

逻辑或||
1、只要有一个条件为true时,结果就为true;
2、当两个条件都为false时,结果才为false;
3、当一个条件为true时,后面的条件不再判断

数值参与逻辑或运算时,结果为true,会返回第一个为真的值;如果结果为false,会返回第二个为假的值。可简略总结为返回第一个是 true 的操作数 或者 最后一个是 false的操作数

console.log(e||4)  // 4
console.log(1 || 2 || 0); //1
console.log(0 || 2 || 1); //2
console.log(0 || 0 || false); //false

逻辑非!
当条件为false时,结果为true;反之亦然。

console.log(!"")  // true
var d; console.log(!d)  // true
var a=[1,2,3];console.log(!a)  // false
var b="try";console.log(!b)  // false
var obj = new Object();console.log(!obj) // false
var e=[];console.log(!e)  // false
var f={};console.log(!f)  // false

注意:

(1)空数组([])和空对象({})
console.log([] == false) //true
console.log({} == false) //false
console.log(Boolean([])) //true
console.log(Boolean({})) //true
 所以在 if 中,[] 和 {} 都表现为 true 

(2)在 JavaScript,常见的 false 值:
0, '0', +0, -0, false, ''(空字符串),undefined,null,NaN

javascript逻辑运算符的优先级
                             ! > && > ||

var a = true || false && true;   
      ↓
var a = true ||  false
      ↓
var a = true;

转换
简单罗列两个AND与OR之间的转换
(1)将 AND 转换为 OR

a && b   => !(!a || !b)

(2)将 OR 转换为 AND

a||b  =>  !(!a && !b)
    原文作者:张chuner
    原文地址: https://www.jianshu.com/p/221043a6e9d0
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞