首页 > web前端 > js教程 > 逻辑运算符(&&、|| 和 !)在 JavaScript 中如何工作?

逻辑运算符(&&、|| 和 !)在 JavaScript 中如何工作?

Barbara Streisand
发布: 2024-11-10 08:49:02
原创
209 人浏览过

How Do Logical Operators (&&, ||, and !) Work in JavaScript?

JavaScript 中的逻辑运算符:揭开 &&、|| 和 !

理解逻辑运算符可能是一个挑战,尤其是当处理布尔值和其他数据类型。本文旨在全面解释 &&、|| 和 ! 的行为。

布尔运算符:&& 和 ||

这些运算符执行布尔运算,返回布尔结果。 &&(逻辑与)如果两个操作数都为 true,则返回 true,否则返回 false。 || (逻辑或)如果至少一个操作数为 true,则返回 true,仅当两个操作数都为 false 时才返回 false。

例如:

console.log(true && true); // true
console.log(true || false); // true
登录后复制

逻辑运算中的类型强制

JavaScript 在使用不同数据类型的操作数计算逻辑运算符时执行类型强制。 Falsy 值被强制为 false,而 true 值保持 true。

下表总结了逻辑运算中的类型强制:

Operand 1 Operand 2 Result
True Any True
False True False
False False False
True Falsy True
Falsy True False
Falsy Falsy False

短路评估

逻辑运算符遵循短路求值原则。如果 && 计算出真值,则无需计算第二个操作数,因为结果已经确定。同样,如果 || 计算出错误值,则无需进一步计算。

例如:

if (user.firstName && user.lastName) {
  // Username is valid, proceed
}
登录后复制

否定运算符:!

否定运算符! (逻辑非)将值转换为其相反的布尔值。 true 值会转换为 false,而 false 值会转换为 true。

例如:

console.log(!true); // false
console.log(!false); // true
登录后复制

此外,以下值在JavaScript:

  • null
  • 未定义
  • false
  • 0
  • -0
  • NaN
  • 0n
  • ""
  • document.all

通过了解这些逻辑运算符的行为并考虑类型强制,您可以有效地实现条件逻辑和数据操作任务在你的 JavaScript 代码中。

以上是逻辑运算符(&&、|| 和 !)在 JavaScript 中如何工作?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板