掌握 JavaScript 中的逻辑运算符：`||`、`&&` 和 `!`

在本博客中，我们将探讨 javascript 中的逻辑运算符：|| (or)、&& (and) 和 ! (not) ）。这些运算符对于创建复杂条件和控制程序流程至关重要。让我们潜入吧！

逻辑运算符 || （或）

|| 运算符返回它遇到的第一个真值。如果所有值都是假的，则返回最后一个值。

语法：

result = value1 || value2 || value3;

登录后复制

示例：

let a = false;
let b = null;
let c = "hello";

let result = a || b || c;
console.log(result); // output: "hello"

登录后复制

说明：

• a 是假 （假）。
• b 为 null （假）。
• c 是“你好” （真实）。

|| 运算符返回第一个真值，即 "hello".

立即学习“Java免费学习笔记（深入）”；

逻辑运算符 && (and)

&& 运算符返回它遇到的第一个假值。如果所有值均为真，则返回最后一个值。

语法：

result = value1 && value2 && value3;

登录后复制

示例：

let x = true;
let y = 10;
let z = 0;

let result = x && y && z;
console.log(result); // output: 0

登录后复制

说明：

• x 为 true （真实）。
• y 是 10 （真实）。
• z 是 0 （假）。

&& 运算符返回第一个假值，即 0.

逻辑运算符！ （不是）

! 运算符返回其操作数的相反布尔值。

语法：

result = !value;

登录后复制

示例：

let istrue = true;
let isfalse = !istrue;

console.log(isfalse); // output: false

登录后复制

说明：

• 为真 为真。
• !istrue 返回false。

实际例子

让我们用一些实际例子将所有内容放在一起：

使用|| 对于默认值

function greet(name) {
  name = name || "guest";
  console.log("hello, " + name + "!");
}

greet("alice"); // output: hello, alice!
greet(); // output: hello, guest!

登录后复制

说明：

• 如果未提供名称，则||运算符会分配默认值“guest”。

使用 && 进行条件执行

let user = {
  name: "john",
  age: 25,
  isadmin: true
};

if (user.isadmin && user.age > 18) {
  console.log("welcome, admin!");
} else {
  console.log("welcome, user!");
}

登录后复制

说明：

• && 运算符检查两个条件（user.isadmin 和user.age > 18）是否都为真。

使用！ 对于否定

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Please log in.");
} else {
  console.log("Welcome back!");
}

登录后复制

说明：

• ! 运算符对 isloggedin 的值取反。如果 isloggedin 为 false，则 !isloggedin 为 true。

总结

• || (or)：返回第一个真值或最后一个值（如果所有值均为假值）。
• && (and)：返回第一个假值或最后一个值（如果所有值均为真值）。
• ！ (not)：返回其操作数的相反布尔值。

结论

逻辑运算符是 javascript 中强大的工具，可让您创建复杂的条件并控制程序的流程。通过掌握 ||、&& 和 !，您将能够编写更动态、更高效的代码。不断练习和探索，加深对 javascript 中逻辑运算符的理解。

请继续关注有关 javascript 的更多深入博客！快乐编码！

以上就是掌握 JavaScript 中的逻辑运算符：`||`、`&&` 和 `!`的详细内容，更多请关注抖狐科技其它相关文章！