js中逻辑运算符&&||!
2016-12-14 13:07
169 查看
js中逻辑运算符在开发中可以算是比较常见的运算符了,主要有三种:逻辑与&&、逻辑或||和逻辑非!。
当&&和|| 连接语句时,两边的语句会转化为布尔类型(Boolean),然后再进行运算,具体的运算规则如下:
1.&&
1.1两边条件都为true时,结果才为true;
1.2如果有一个为false,结果就为false;
1.3当第一个条件为false时,就不再判断后面的条件
注意:当数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值;如果结果为false,返回的会是第一个为假的值。
2.||
2.1只要有一个条件为true时,结果就为true;
2.2当两个条件都为false时,结果才为false;
2.3当一个条件为true时,后面的条件不再判断
注意:当数值参与逻辑或运算时,结果为true,会返回第一个为真的值;如果结果为false,会返回第二个为假的值;
3.!
3.1当条件为false时,结果为true;反之亦然。
上代码说明:
补充:逻辑与的优先级是高于逻辑或的;
比如console.log(3||2&&5||0),会先算2&&5的值为5,然后再3||5----3,最后再3||0----3,所以最终结果为3.
当&&和|| 连接语句时,两边的语句会转化为布尔类型(Boolean),然后再进行运算,具体的运算规则如下:
1.&&
1.1两边条件都为true时,结果才为true;
1.2如果有一个为false,结果就为false;
1.3当第一个条件为false时,就不再判断后面的条件
注意:当数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值;如果结果为false,返回的会是第一个为假的值。
2.||
2.1只要有一个条件为true时,结果就为true;
2.2当两个条件都为false时,结果才为false;
2.3当一个条件为true时,后面的条件不再判断
注意:当数值参与逻辑或运算时,结果为true,会返回第一个为真的值;如果结果为false,会返回第二个为假的值;
3.!
3.1当条件为false时,结果为true;反之亦然。
上代码说明:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <script> console.log( 5 && 4 );//当结果为真时,返回第二个为真的值4 console.log( 0 && 4 );//当结果为假时,返回第一个为假的值0 console.log( 5 || 4 );//当结果为真时,返回第一个为真的值5 console.log( 0 || 0 );//当结果为假时,返回第二个为假的值0 console.log((3||2)&&(5||0));//5 console.log(!5);//false </script> </head> <body> </body> </html>
补充:逻辑与的优先级是高于逻辑或的;
比如console.log(3||2&&5||0),会先算2&&5的值为5,然后再3||5----3,最后再3||0----3,所以最终结果为3.
相关文章推荐
- JS 逻辑运算符&&与||的运算
- JS-逻辑运算符&&和||的返回值
- JS逻辑运算符&&与||的妙用
- js的逻辑运算符&&, || , !
- js 逻辑运算符&&和||返回值
- JS的逻辑运算符&& ||
- Js&Vbs正则表达式替换重复的字符
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航 .txt
- [IE&FireFox兼容]JS对select操作
- JS正则替换问题 http://bbs.51js.com/redirect.php?fid=1&tid=67418&goto=nextnewset
- JS对select动态添加options操作[IE&FireFox兼容]
- js入门·对象属性方法大总结
- [IE&FireFox]JS兼容
- [IE&FireFox兼容]JS对select操作
- JS对select动态添加options操作[IE&FireFox兼容]
- js'sexcel
- 打开,另存为,属性,打印"等14个JS代码
- javascript脚本加密&解密及HTML转JS
- 用js怎么把&字符换成"&:"
- JS->Applet->JS导致死锁问题解决过程