掌握 JavaScript 中的逻辑运算符：`||`、`&&` 和 `!`
收藏
“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《掌握 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”.
逻辑运算符 && (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 的更多深入博客！快乐编码！
以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持米云！更多关于文章的相关知识，也可关注米云公众号。
版本声明 本文转载于：dev.to 如有侵犯，请联系删除
- Element-UI Cascader 多选性能优化：如何兼顾数据完整性和渲染效率？
