美文网首页Web 前端开发 让前端飞
JavaScript之运算符(二)

JavaScript之运算符(二)

作者: 张chuner | 来源:发表于2018-05-03 17:03 被阅读0次

           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)
    

    相关文章

      网友评论

        本文标题:JavaScript之运算符(二)

        本文链接:https://www.haomeiwen.com/subject/vzlihftx.html