JavaScript逻辑运算符(与或)的取值规则(JS笔记:十)

最新推荐文章于 2025-09-28 17:07:19 发布
原创 最新推荐文章于 2025-09-28 17:07:19 发布 · 807 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #js #css #html #jquery
这篇JS笔记详细介绍了JavaScript的逻辑运算符&&（与）和||（或）的取值规则。对于&&运算符，当从左到右遇到第一个false时，返回该false值；如果所有表达式都为true，则返回最后一个true值。而对于||运算符，一旦找到一个true，就会立即返回该true值的表达式，如果所有操作数都是false或非布尔值的false等价物，则返回第二个操作数的值。这些规则在条件判断和短路逻辑中尤其重要。

JavaScript逻辑运算符(与或)的取值规则(JS笔记:十)

&&(与)的取值规则：

  • 从最左往右计算，如果表达式取值为true，或者结果隐士转化为true，那么就继续运算下一个表达式，直到第一个false,返回该表达式运算结果，如果都没有;那么返回最后一个表达式运算结果。

结论：

  • 有true和false的时候： 第一个为false的值
  • 全为ture的时候： 最后一个为true的值
  • 全为false的时候： 第一个为false的值

 

||(或)的取值规则：

  • 规律：从左往右如果有一个为真，则返回第一个为真的值(注意不是布尔值是这个表达式的值)
  • 如果第一个操作数是对象，则返回第一个操作数。
  • 如果第一个操作数的求值结果为false，则返回第二个操作数。
  • 如果两个操作数都是对象，则返回第一个操作数。
  • 如果两个操作数是null，则返回null。
  • 如果两个操作数是NaN，则返回NaN。
  • 如果两个操作数是undefined，则返回undefined 。

结论：

  • 有true和false的时候： 第一个为true的值
  • 全为ture的时候：
  • 全为false的时候：
     
     

(JS笔记:十    date:2020-11-26)

JS学习笔记_02运算符
coulson_666的博客
08-10 201
javascript 运算符
JS随手记——复选框的全选、全不选与反选
今天怎么又下雨的博客
04-20 671
目标需求：按钮点击实现复选框的全选、全不选与反选 分析：获取到复选框数组后，循环对复选框的选择状态赋值，全选赋true值，全不选赋false值，反选赋其相反值 页面大致如下： 页面部分代码如下： <input type="checkbox" name="likes" value="篮球">篮球<br /> <input type="checkbox" nam...
CocosCreator开发笔记(20)-在JS中如何判断undefined和null
楚游香的博客
10-24 3987
不当用法 有时为了判断某个值有效，JS新手会写这种臃肿代码： if (data != null &amp;&amp; typeof(data) != undefined &amp;&amp; data != '') { ... } 为避免这种情况，首先要了解undefined和null的区别。 什么是undefined和null 当声明的变量未被初始化时，默认值为undefined。如：...
javascript ||与&&的用法
it___is_的博客
11-19 2159
js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。 当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运算规则如下： 1.&& 1.1两边条件都为true时，结果才为true； 1.2如果有一个为false，结果就为false； 1.3当第一个条件为false时，就不再判断后面的条件 注意：当数值参与逻辑与运算时，结果为true，那么会返回的会是第二个为真的值；如果结果
JS基础学习（二）、JavaScript选择结构
m0_64460142的博客
04-18 809
1.JS运算符-逻辑运算符 逻辑运算符 &&(与号) 可以理解为都的意思，两者都要满足才为true，否则false ||(或号) 可以理解为或，其中一个满足就打印一个true，不满足则不显示 ! (取反) 取相反的值 列如： <script> var num1 = 5; //声明num1和赋值...
【JavaScript】JavaScript 运算符 ④ ( 逻辑运算符 | 逻辑与运算符 && | 逻辑或运算符 || | 逻辑非运算符 ! )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-16 2168
一、JavaScript 逻辑运算符 1、逻辑运算符 概念 2、逻辑与运算符 && 3、逻辑或运算符 || 4、逻辑非运算符 ! 5、完整代码示例
Javascript逻辑运算符
最新发布
2501_93572910的博客
09-28 1690
关键点逻辑运算符可以处理非布尔值（如数字、字符串），JavaScript 会先将它们隐式转换为布尔值（真值：非零数字、非空字符串等为truetruetrue；000nullundefined等为falsefalsefalse短路求值特性使这些运算符高效，常用于默认值设置（如布尔表达式如A∧BA \land BA∧B和A∨BA \lor BA∨B在编程中直接映射到&&和||。实际应用：在条件语句（如if。
JS逻辑运算符的与，或，非
zzh1251994430的博客
07-19 7212
JS-逻辑运算符的与，或，非 1.逻辑非（!） 定义：所谓非，就是取反，非真即假，非假即真。 非运算符不仅仅只能用于布尔值，其他数据类型也是可以的，如下: 1.如果操作数是一个对象，返回false 2.如果操作数是一个空字符串，返回true 3.如果操作数是一个非空字符串，返回false 4.如果操作数是数值0，返回true 5.如果操作数是任意非0数值(包括Infinity), 返回false 6.如果操作数是null,返回true 7.如果操作数是NaN,返回true 8.如果操作数是undefined
JavaScript零基础入门 3：javascript运算符有哪些
学Java，找哪吒
12-08 1万+
一、逻辑运算符 1、! 非 !可以用来对一个值进行非运算，所谓非运算就是值对一个布尔值进行取反操作，true变false，false变true。 如果对一个值进行两次取反，它不会变化； 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反； 所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值； 可以为一个任意数据类型取两次反，来将其转换为布尔值；原理和Boolean()函数一样； 2、&& 与 &&可以对符号两侧的值进行与运算并返回结果。 运算规则
js中对应false和true的值
weixin_45775536的博客
07-09 1736
0, “”, NaN, null, undefined 都会被认为是false[], {}, -1, 1 会认为是true 空值合并运算符,可选链操作符
JS中或﹑与﹑否﹑异或﹑左移﹑右移﹑头尾补零的右移运算符
weixin_46369590的博客
08-10 2475
内部采用补码形式表示负数，即需要将这个数减去1，再取一次反，然后加上负号，才能得到这个负数对应的10进制值。上面代码中，-4左移一位得到-8，是因为-4的二进制形式是11111111111111111111111111111100，左移一位后得到11111111111111111111111111111000，该数转为十进制（减去1后取反，再加上负号）即为-8。上面表达式中，0（二进制00）与3（二进制11）进行异或运算，它们每一个二进制位都不同，所以得到11（即3）。，就是一个数的二进制形式向右移动时，.
JS中的逻辑与和逻辑或
TXW6666的博客
07-19 2352
JS中的逻辑或||符号： 从字面上来说，只有前后都是 false 的时候才返回 false，否则返回 true。 console.log(5 > 6|| 6 > 5) //返回true 5>6为false 但是 6>5为true 所以返回 true 总结：一真为真 特殊运算方法： 只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。 console.log(false || 4) //返回4 console.log(
JavaScript 2.3 js之||、&&、|、&、三目运算符
LetsStudy的博客
09-27 1734
/* ||只要前面为false，后面无论真假，都取后面的值 只要前面为true，后面无论真假，都取前面的值 输出结果：1 0 true true */ console.log(false||1); console.log(false||0); console.log(true||0); console.log(true||1); /* &&只要前面为fal..
JavaScript踩坑之逻辑运算符 ||
ScanQ的博客
04-27 443
文章重点：逻辑运算符||在js中可以用来取值，比如 4 || 3 会取4，但是如果是0 || 1这种类型会取真，也就是1. 这几天写前端的时候，遇到了一个问题。 一个antd的radio组件取的initialValue有问题，但是其他radio组件都没有问题 具体表现形式是radio组件总是显示固定的一个值 我刚开始还以为是antd组件的问题，后来发现竟是逻辑运算符的问题。 原来我是这样写的 <FormItem label="分享"> { getFieldD..
js逻辑运算符
杨欢博的博客
08-03 413
逻辑运算符 Js中提供了三种逻辑运算符 ！非 &&与 || 或 ！非 ！可以用来对一个值进行非运算 所谓非运算就是对一个布尔值进行取反操作 true变false false变true 例如： var a=true; a=!a; console.log(a); 结果是false 如果对一个值进行两次取反，它不会变化 例如： var a=true; a=!!a; console.log(a); 结果还是true 如果对非布尔值进行运算，则会先将其转化为布尔值然后再取反 例
JS中的位运算
m0_67502005的博客
11-25 7068
首先了解一下什么是位运算位运算：从现代计算机中所有的数据二进制的形式存储在设备中。即 0、1 两种状态，计算机对二进制数据进行的运算(+、-、*、/)都是叫位运算，即将符号位共同参与运算的运算。那么在JS中是如何进行位运算的呢？
js种逻辑“与”和“或”的赋值操作
well2049的博客
02-23 2468
逻辑判断的三种符号 &amp;&amp; 指逻辑与 ， || 指逻辑或， ！逻辑非 第一种：在判断条件中 &amp;&amp; 所有条件都为真，整体为真 返回true 否则返回false || 所有条件都为假，整体才为假返回false 否则返回true 第二种：在赋值操作中 var value = A || B 只看A的值是真还是假，如果为真返回A的值，否则返回B...
js页面取值的三种方式
weixin_34239592的博客
06-10 1042
&lt;input id=""&lt;radio &lt;checkbox&lt;div&lt;img对于这些标签内参数取值，一般分为三种类型：一、有关id取值用 #：取id处的value值：id=$('#id名字').val();取id本身的值：id_value=$('#id名字').attr('id', );对于id中含有变量index的,比如id=mm${st.index}(中括号里面为变量...
js中的 || 与 && 运算符详解
zhizhuodewo6的博客
06-13 1645
js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。 当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运算规则如下： 1.&& 1.1两边条件都为true时，结果才为true； 1.2如果有一个为false，结果就为false； 1.3当第一个条件为fa...
Js基础知识第九篇 逻辑运算符（与或非）
热门推荐
叮当的猫猫的博客
09-02 1万+
JavaScript有三个逻辑运算符： || （或），&&（与），！（非） 一、|| （或） 总结起来就是有真就真，全假才假。只要有一个为真结果就是真，两个都是假结果才假。 如果操作符不是布尔值，那么他将被转换为布尔值来参与运算，例如数字作为true处理 ，数字0作为false 或值运算寻找第一个真值 result = value1 || value2 || value3; 执行步骤： a.从左到右依次计算操作数 b.处理每一个操作数时，都将其转换为布尔值。如果是t..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TZOF_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值