泛谈JS逻辑判断选择器 || &&
- 更新时间：2022-12-01 08:51:29
- 编辑：晏鸿轩
参考资料
- JavaScript教程 / 5.5 MB / 码小辫 推荐度：
- 网页设计与开发 HTML CSS JavaScript实例教程（第3版） 课后答案 / 3.96 MB / 郑娅峰 张永强 推荐度：
- 你不知道的JavaScript（上卷） PDF 电子书 / 8.4 MB / 普森 推荐度：
正文内容
前言
|| 与 &&在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) |
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农之家。
javascript相关教程
-
javascript自由编辑图片示例代码
这篇文章主要介绍了javascript实现自由编辑图片代码详解，在当下的的前端项目中，图片功能可以说是非常常见的，图片的展示、图片的裁剪编辑、图片的上传等，那么我们的项目便来了个需求
发布时间：2020-03-13
-
JavaScript中的call、apply方法使用对比
这篇文章主要介绍了JavaScript中的call方法和apply方法使用对比,需要的朋友可以参考下
发布时间：2019-12-07
-
Javascript编程开发细节总结
下面小编就为大家带来一篇Javascript 一些需要注意的细节(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
发布时间：2021-05-07
-
JavaScript 中的 JSON的知识点整理
我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的
发布时间：2020-03-26
-
JavaScript命令模式实例讲解
这篇文章主要介绍了JavaScript设计模式之命令模式,结合实例形式分析了javascript命令模式的概念、原理、用法及相关注意事项,需要的朋友可以参考下
发布时间：2020-01-25
-
实例解析JavaScript中BOM对象原理与用法
这篇文章主要介绍了JavaScript中BOM对象原理与用法,,结合实例形式分析了javascript中BOM浏览器对象模型相关概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
发布时间：2020-02-04
-
JavaScript中Promise使用
Promise，相信每一个前端工程师都或多或少地在项目中都是用过，毕竟它早已不是一个新名词。ES6中已经原生对它加以支持，在caniuse中搜索一下 Promise ，发现新版的chrome和firefox也已经支持。但是
发布时间：2020-01-27
-
JavaScript按概率随机生成代码整理
本篇文章主要介绍了详解JavaScript按概率随机生成事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
发布时间：2020-02-09
-
实例详解Javascript之BOM(window对象)
下面小编就为大家带来一篇Javascript之BOM(window对象)详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
发布时间：2020-01-08
