泛谈JS逻辑判断选择器 || &&
前言
|| 与 &&在JS里与其它语言不一样,这是选择器运算符,而非逻辑运算符。
对于||来说,若判断为true,则返回第一个值,为false返回第二个值。
&&相反,若判断为 true,则返回第二个,为 false为返回第一个值。
绝对不是像其它语言那样返回true或false,而是会返回第一个值或第二个值。
简单的测试代码
先是true与false的测试,后将false改为数值0. 除了|| 与&&之外易让人疑惑外,JS里的假值表也算是个大疑点。
let A = true; let B = true; testLogic(A,B); A = true; B = false; testLogic(A,B); A = false; B = true; testLogic(A,B); A = false; B = false; testLogic(A,B); /*假值表,以下值 可以被强制布尔转换为false,其它转换皆为true undefined null false +0,-0,NaN "" 空字符串 其它皆为真值,如空对象{} */ console.log("-----------------next test ---------------"); A = true; B = true; testLogic(A,B); A = true; B = 0; testLogic(A,B); A = 0; B = true; testLogic(A,B); A = 0; B = 0; testLogic(A,B); function testLogic(A,B){ if(A || B){ console.log("A:",A,"B:",B,".A||B true:",A || B); } else { console.log("A:",A,"B:",B,".A||B flase:",A || B); } if(A && B){ console.log("A:",A,"B:",B,".A&&B true:",A || B); } else { console.log("A:",A,"B:",B,".A&&B flase:",A && B); } }
我写代码时我其实就只知道如何做到if 与逻辑判断实现其它语言一样的正常的效果:
结论是保证A与B的是true或false而不是其它值。
正常语言是这样的:
A | B | A||B | A&&B |
T | T | T | T |
T | F | T | F |
F | T | T | F |
F | F | F | F |
JS语言是这样的:返回的是A或B,只要保证A与B的是true或false而不是其它值,那么在使用上与正常语言逻辑一样。
A | B | A||B | A&&B |
T | T | A(T) | B(T) |
T | F | A(T) | B(F) |
F | T | B(T) | A(F) |
F | F | B(F) | A(F) |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
这篇文章主要介绍了使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转),其实主要用到的就是 CSS3 的效果:边框圆角、阴影,3D变换,实现代码超级简单,需要的朋友可以参考下2018-10-10elementui更改el-dialog关闭按钮的图标d的示例代码
这篇文章主要介绍了elementui更改el-dialog关闭按钮的图标,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-08-08js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
这篇文章主要介绍了js找出5个数中最大的一个数和倒数第二大的数实现方法,结合实例形式总结分析了JavaScript数组遍历、排序、判断、比较等相关操作技巧,需要的朋友可以参考下2020-03-03
最新评论