泛谈JS逻辑判断选择器 || &&
程序员文章站
2023-12-17 17:48:52
前言
|| 与 &&在js里与其它语言不一样,这是选择器运算符,而非逻辑运算符。
对于||来说,若判断为true,则返回第一个值,为false返回第二个值。
&&相反...
前言
|| 与 &&在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) |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。