技术文摘
JavaScript中逻辑运算符`||`、`&&`和`!`的掌握
JavaScript中逻辑运算符||、&&和!的掌握
在JavaScript编程中,逻辑运算符||、&&和!起着至关重要的作用,熟练掌握它们能够让我们更高效地编写代码和处理逻辑判断。
首先来看逻辑或运算符||。它用于判断多个条件中是否至少有一个为真。当使用||连接多个表达式时,只要其中一个表达式的值为真,整个表达式就返回真。例如:
let num = 5;
let result = (num > 3) || (num < 2);
console.log(result); // 输出true
在实际应用中,||常用于设置默认值。比如:
let name = userInput || "Guest";
如果userInput有值,那么name就取userInput的值,否则取默认值"Guest"。
接着是逻辑与运算符&&。它要求连接的所有表达式都为真时,整个表达式才返回真。只要有一个表达式为假,结果就为假。例如:
let age = 25;
let hasLicense = true;
let canDrive = (age >= 18) && hasLicense;
console.log(canDrive); // 输出true
&&还可以用于条件执行。比如:
let obj = { prop: "value" };
obj && obj.prop;
只有当obj存在时,才会访问obj.prop,避免了空指针错误。
最后是逻辑非运算符!。它用于对一个表达式的结果取反。如果表达式为真,!会使其变为假;如果表达式为假,!会使其变为真。例如:
let isLoggedIn = false;
let isLoggedOut =!isLoggedIn;
console.log(isLoggedOut); // 输出true
在复杂的逻辑判断中,我们常常会组合使用这些逻辑运算符。例如:
let a = 10;
let b = 20;
let c = 30;
let result = (a < b) &&!(b > c);
console.log(result);
深入理解和掌握JavaScript中的逻辑运算符||、&&和!,能够让我们在编写代码时更加灵活和高效地处理各种逻辑情况,提升代码的质量和可读性。
TAGS: JavaScript逻辑运算符 JavaScript ||运算符 JavaScript &&运算符 JavaScript!运算符
- JavaScript 中怎样停止函数执行
- 技术创新必由之路:探究 Vue Router 懒加载路由对页面性能的优化
- Vue Router Lazy-Loading路由技术突破性进展,改变网页性能
- 合理运用Vue Router Lazy-Loading路由提升页面性能的方法
- 几行 JavaScript 就能搞定的 10 件趣事
- Vue Router重定向功能实现需注意的要点
- HTML5 中创建隐藏段落
- 深度剖析Vue Router懒加载路由优化页面性能的奥秘
- 在 HTML 中,若用户偏好设置未表明其他曲目更合适,如何识别应启用的曲目?
- 在Sass中把类继承到另一个文件
- Vue Router 懒加载路由的使用方式及其对页面性能的优化成效
- CSS实现鼠标悬停时给元素添加边框的方法
- Vue中v-on指令详解:表单校验事件的处理方法
- JavaScript切换页面语言的方法
- 用 CSS 获取所选元素的属性值