当前位置: 首页 > 开发者资讯

javascript逻辑运算符有哪些?

  JavaScript 的逻辑运算符包括 &&(与)、||(或)和 !(非)。&& 返回第一个假值或最后一个真值,|| 返回第一个真值或最后一个假值,! 将操作数转为布尔值后取反。短路特性是关键:&& 遇假即停,|| 遇真即停。例如,false && alert() 不会执行弹窗,而 true || console.log() 会跳过日志。这种特性常用于条件渲染或默认值赋值。

  javascript逻辑运算符有哪些?

  JavaScript 中的逻辑运算符用于处理布尔值或可转换为布尔值的表达式,主要包括以下三种:

  1. 逻辑与(&&)

  规则:当所有操作数为 true 时返回最后一个真值,否则返回第一个假值。

  特点:短路行为(若第一个操作数为假,直接返回它,不再计算后续操作数)。

  示例:

  javascriptconsole.log(true && "hello"); // "hello"console.log(false && "world"); // falseconsole.log(0 && undefined); // 0(第一个假值)

  2. 逻辑或(||)

  规则:返回第一个真值,若全为假则返回最后一个假值。

  特点:短路行为(若第一个操作数为真,直接返回它)。

  示例:

  javascriptconsole.log(false || "default"); // "default"console.log(null || 42); // 42console.log(0 || ""); // ""(最后一个假值)

javascript逻辑运算符有哪些.jpg

  3. 逻辑非(!)

  规则:将操作数转换为布尔值后取反,返回 true 或 false。

  特点:强制类型转换(如 !0 返回 true)。

  示例:

  javascriptconsole.log(!null); // trueconsole.log(!"text"); // falseconsole.log(!![]); // true(双非转换为布尔值)

  补充说明:

  隐式转换:逻辑运算符会将操作数转换为布尔值(如 0、""、null、undefined、NaN 为假,其余为真)。

  实际应用:

  && 常用于条件执行(如 isLoggedIn && showDashboard())。

  || 常用于设置默认值(如 const name = inputName || "Anonymous")。

  ! 用于快速取反或布尔化(如 if (!isValid))。

  示例代码:

  javascriptconst a = 10;const b = 0;// 逻辑与:返回最后一个真值console.log(a > 5 && b < 5 && "Both true"); // "Both true"// 逻辑或:返回第一个真值console.log(b || a || "Fallback"); // 10// 逻辑非:转换布尔值console.log(!b); // true(因为 b=0 是假值)

  这些运算符是 JavaScript 中条件判断和流程控制的基础工具。逻辑运算符常用于简化代码。&& 可替代 if 语句,|| 可设置默认值。! 用于快速布尔化,注意隐式转换规则:0、""、null 等为假,其余为真。!![] 返回 true,!undefined 返回 true。合理利用这些特性能提升代码简洁性。


猜你喜欢