PHP前端开发

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

百变鹏仔 2个月前 (10-14) #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"

说明:

|| 运算符返回第一个真值,即 "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

说明:

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

逻辑运算符! (不是)

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

语法:

result = !value;

示例:

let istrue = true;let isfalse = !istrue;console.log(isfalse); // output: false

说明:

实际例子

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

使用|| 对于默认值

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

说明:

使用 && 进行条件执行

let user = {  name: "john",  age: 25,  isadmin: true};if (user.isadmin && user.age > 18) {  console.log("welcome, admin!");} else {  console.log("welcome, user!");}

说明:

使用! 对于否定

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

说明:

总结

结论

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

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