泛谈JS逻辑判断选择器 || &&

站长资源 2024/11/25 佚名

1 1538 1

DDR爱好者之家 Design By 杰米

前言

|| 与 &&在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)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

JS逻辑判断选择器,||,&&

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“泛谈JS逻辑判断选择器 || &&”

暂无评论...

泛谈JS逻辑判断选择器 || &&

Vue Autocomplete 自动完成功能简单示例

了解JavaScript中的选择器

评论“泛谈JS逻辑判断选择器 || &&”

更新日志

友情链接