js中的逻辑或（||）操作

最新推荐文章于 2025-05-13 10:19:54 发布
原创 最新推荐文章于 2025-05-13 10:19:54 发布 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js逻辑或 #js

本文详细介绍了JavaScript中逻辑或(||)运算符的使用方式，包括布尔值、非布尔值的对象处理规则及返回值情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在js中用到逻辑或：|| 的时候比较多，下面总结一下它的用法：

1.对于布尔值，只要有一个true，就返回true

2.对于不是布尔值的情况则：
A.如果第一个操作数是对象，则返第一个操作数；
B.如果第一个操作数的求值结果为false，则返回第二个操作数；
C.如果两个操作数都是对象，则返回第一个操作数；
D.如果两个操作数是null，则返回null；
E.如果两个操作数是NaN，则返回NaN；
F.如果两个操作数是undefined，则返回undefined
js或||运算详解
kuafu888的博客
12-01 4351
本篇只讲或运算，保证正确，亲测，可放心相信 // 或运算|| //前真后真 let b = 6 || 2; //或运算，前面为真不往后走，输出前面值 console.log('b为' + b) //6 //前假后真 let c = 0 || 1; //或运算，前面为假继续往后走，输出后面值 console.log('c是' + c); //1 //前假后假 let d = 0 || null; //输出最后的假值 c
JS多个或运算（||）简写形式
qq_41148729的博客
07-17 224
【代码】JS多个或运算（||）简写形式。
JavaScript双问号操作符（??）详解，解决使用 || 时因类型转换带来的问题
RenGJ010617的博客
05-13 9642
处理变量默认值是一个常见但容易引发bug的操作。很多开发者可能都遇到过这样的问题：使用||设置默认值时，意外覆盖了0、''等合法值。这时候，ES2020引入的双问号操作符（??）就能完美解决这类问题。
JavaScript —— 与或运算符 || 的使用
小五
12-04 912
与或运算符||的使用举个栗子，如果遇到以下场景&&|| 举个栗子，如果遇到以下场景 用户等级1，显示1级；2，显示2级，以此类推 用代码实现如下 使用if else const level_text = 1; if(user_level == 1){ level_text = '1级'; } else if(user_level == 2){ level_tex...
js多个数组或者对象的不同处理，如.两个数组对比，返回相同的数组，从数组中匹配去一个对象中的value，匹配到value把值给数组，匹配不到给数组的位置值为特定的值。
qq_50343953的博客
12-16 449
js多个数组或者对象的不同处理，如.两个数组对比，返回相同的数组，从数组中匹配去一个对象中的value，匹配到value把值给数组，匹配不到给数组的位置值为特定的值
可以动态选取多个或者一个项的js方法。（可以动态添加 删除选项 js）
随笔记录-分享&记忆
12-05 1537
本次目的为下图： 测试了4种，演示2和演示4比较好点。演示2的错误已经修正了 演示1：======================================================== 有两个select1,select2表单，select1已有option,通过两个按钮add1,del2 点add1时把select1中选中的项添加到select2中，select1
js的逻辑运算符 |||angluo-javascript-57560.pdf
10-29
JavaScript中的逻辑运算符“||”具有与其他编程语言中的逻辑或运算符（如C、C++、Java中的“||”）相似的功能，但它在JavaScript中具有更广泛的用途。在JavaScript中，“||”是逻辑或运算符，用来连接两个表达式。当...
老生常谈javascript中逻辑运算符&&和||的返回值问题
12-03
今天在做逻辑运算符的时候遇到一个小问题一直转不过弯来，var a=(undefined&&123)||(3||5)的返回值是什么？ 首先是||的返回值问题： ||的返回值会返回最早遇到非以下类型的值： NaN null undefined 0 false; 所以3||...
总结JavaScript中布尔操作符||与&&的使用技巧|angluo-javascript-135172.pdf
10-23
在JavaScript中，布尔操作符`||`（逻辑或）和`&&`（逻辑与）是常见的逻辑操作符，用于处理布尔值的运算。它们在编写条件语句和表达式时非常有用，并且可以根据操作符的特性来简化代码。以下是对这两个操作符使用技巧...
JavaScript中的逻辑判断符&&、||与!介绍|angluo-javascript-117855.pdf
10-24
JavaScript中的逻辑判断符是编程中不可或缺的部分，它们用于基于条件执行特定操作。本文将深入探讨JavaScript中的三个主要逻辑运算符：逻辑与(&&), 逻辑或(||)以及逻辑非(!)。 首先，我们来看逻辑与(&&)。这个...
js运算符单竖杠“|”与“||”的用法和作用介绍
iso_wsy的专栏
04-12 2103
之前文章，在js整数操作的时候，相当于去除小数点，parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注： 1. Math.ceil()用作向上取整。 2. Math.floor()用作向下取整。 3. Math.round() 我们数学中常用到的四舍五入取整。 console.log(0.6|0)//0 console.log(
JS ||（或运算）详解
热门推荐
unber的博客
11-22 1万+
逻辑或运算||是布尔 OR 操作。如果两个操作数都为 true，或者其中一个为 true，就返回 true，否则就返回 false。
JS 多个条件判断
weixin_30527323的博客
05-16 6278
// 多个条件判断 // 对象序列(Object) 推荐使用这一种 var obj = {'CJ':'成交', 'WCJ':'未成交'}; if (key in obj) { // TODO } // 数组序列(Array) var array = ['CJ', 'WCJ']; ...
JavaScript-运算符与逻辑分支
2401_84091110的博客
04-07 777
资料过多，篇幅有限，需要文中全部资料可以点击这里获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。[外链图片转存中…(img-MSrRO9YL-1712426630110)][外链图片转存中…(img-bDgP40ha-1712426630110)]资料过多，篇幅有限，需要文中全部资料可以点击这里获取前端面试资料PDF完整版！自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。
关于JS的逻辑运算符 与&& 或|| 非！
qq_43780814的博客
07-01 3837
1、逻辑与（&&） （1）对于布尔值，只有都为true才返回true； （2）对于不是布尔值的情况则： 　　如果第一个操作数是对象，则返回第二个数                eg：var str = new Array();          &nbs
js实现多个打开一个或多个链接
jk6801251的专栏
06-05 3733
js实现多个打开一个或多个链接 parent.framename.location=linkname
操作符系列教材 （三）- Java的逻辑运算符
weixin_50279139的博客
09-19 217
操作符系列教材 （三）- Java的逻辑运算符 逻辑运算符 步骤1:长路与 和 短路与步骤2:长路或 和 短路或步骤3:取反步骤4:异或^步骤5:练习-逻辑操作符步骤6:答案-逻辑操作符 示例1:长路与 和 短路与 无论长路与还是短路与 两边的运算单元都是布尔值 都为真时，才为真 任意为假，就为假 区别 长路与 两侧，都会被运算 短路与 只要第一个是false，第二个就不进行运算了 publicclassHelloWorld { publicstaticv...
js中&&||
最新发布
06-25
在 JavaScript 中，逻辑与（`&&`）和逻辑或（`||`）运算符不仅用于布尔值之间的逻辑判断，还常被用来处理非布尔类型的操作数，并返回操作数本身而非单纯的 `true` 或 `false`。这种行为使得它们在实际开发中具有广泛的应用场景。 ### 逻辑与 (`&&`) 的行为 逻辑与运算符从左到右依次评估操作数，如果某个操作数的值为“假值”（falsy），则立即返回该操作数；否则继续评估后续操作数，直到找到一个假值或返回最后一个操作数。 常见的假值包括：`false`、`0`、`""`（空字符串）、`null`、`undefined` 和 `NaN`。 例如： ```javascript console.log(0 && "hello"); // 输出: 0 （因为 0 是假值） console.log("world" && 42); // 输出: 42 （两个都是真值，返回最后一个） ``` 这种行为可以用于安全访问对象属性，避免因访问 `undefined` 的属性而引发错误： ```javascript const user = { name: "Alice" }; const userName = user && user.name; // 如果 user 存在，则返回 name 属性 console.log(userName); // 输出: Alice ``` ### 逻辑或 (`||`) 的行为 逻辑或运算符从左到右依次评估操作数，一旦遇到“真值”，就返回该操作数；如果所有操作数都是假值，则返回最后一个操作数。 例如： ```javascript console.log(null || "default"); // 输出: "default" console.log("value" || "fallback"); // 输出: "value" ``` 这种特性常用于设置默认值： ```javascript function greet(name) { const actualName = name || "Guest"; console.log(`Hello, ${actualName}`); } greet(); // 输出: Hello, Guest greet("Bob"); // 输出: Hello, Bob ``` ### 短路求值机制 这两个运算符都支持**短路求值**（short-circuit evaluation）： - 对于 `&&`，如果第一个操作数是假值，则不会继续计算后面的表达式。 - 对于 `||`，如果第一个操作数是真值，则不会继续计算后面的表达式。 这种机制有助于提高性能并防止不必要的副作用。 例如，在以下代码中，`fetchData()` 只有在 `shouldFetch` 为真时才会执行： ```javascript const shouldFetch = true; shouldFetch && fetchData(); // 如果 shouldFetch 为 true，则调用 fetchData() function fetchData() { console.log("Fetching data..."); } ``` ### 结合使用 `&&` 和 `||` 当 `&&` 和 `||` 在同一表达式中使用时，需要注意它们的优先级和结合顺序。通常建议使用括号明确逻辑结构，以避免歧义。 示例： ```javascript let a = 1, b = 2, c = 3; let result = a++ && b-- || c++; console.log(result); // 输出: 2 console.log(a, b, c); // 输出: 2 1 3 ``` 在此例中，`a++ && b--` 返回 `b--` 的值（即 `2`），由于它是真值，因此 `||` 后的部分未被执行，`c++` 不会增加。 另一个例子： ```javascript let x = 0 || null && undefined; console.log(x); // 输出: undefined ``` 这里由于 `&&` 的优先级高于 `||`，所以先执行 `null && undefined`，结果为 `undefined`，再与 `0` 进行 `||` 运算，最终结果仍为 `undefined`。 ### 总结 JavaScript 中的 `&&` 和 `||` 并不总是返回布尔值，而是返回参与运算的实际操作数。这种设计允许开发者进行简洁的条件赋值、默认值设定以及安全的对象属性访问等操作。理解其返回值机制和短路行为对于编写高效且健壮的前端代码至关重要[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值