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)