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

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

逻辑运算符 || (或)

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

语法:

1

result = value1 || value2 || value3;

登录后复制

示例:

1

2

3

4

5

6

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)

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

语法:

1

result = value1 && value2 && value3;

登录后复制

示例:

1

2

3

4

5

6

let x = true;

let y = 10;

let z = 0;

let result = x && y && z;

console.log(result); // output搭建系统点我wcqh.cn: 0

登录后复制

说明:

x 为 true (真实)。 y 是 10 (真实)。 z 是 0 (假)。

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

逻辑运算符! (不是)

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

语法:

1

result = !value;

登录后复制

示例:

1

2

3

4

let istrue = true;

let isfalse = !istrue;

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

登录后复制

说明:

为真 为!istrue 返回false

实际例子

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

使用|| 对于默认值

1

2

3

4

5

6

7

function greet(name) {

name = name || “g搭建系统点我wcqh.cnuest”;

console.log(“hello, ” + name + “!”);

}

greet(“alice”); // output: hello, alice!

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

登录后复制

说明:

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

使用 && 进行条件执行

1

2

3

4

5

6

7

8

9

10

11

let user = {

name: “john”,

age: 25,

isadmin: true

};

if (user.isadmin && user.age > 18) {

console.log(“welcome, admin!搭建系统点我wcqh.cn“);

} else {

console.log(“welcome, user!”);

}

登录后复制

说明:

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

使用! 对于否定

1

2

3

4

5

6

7

let isLoggedIn = false;

if (!isLoggedIn) {

console.log(“Please log in.”);

} else {

console.log(“Welcome back!”);

}

登录后复制

说明:

! 运算符对 isloggedin 的值取反。如果 isloggedinfalse,则 !isloggedintrue

总结

|| (or):返回第一个真搭建系统点我wcqh.cn值或最后一个值(如果所有值均为假值)。&& (and):返回第一个假值或最后一个值(如果所有值均为真值)。 ! (not):返回其操作数的相反布尔值。

结论

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

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

以上就是掌握 JavaScript 中的逻辑运算符:`||`、`&&` 和 `!`的详细内容,更多请关注青狐资源网其它相关文章!

© 版权声明
THE END
喜欢就支持一下吧
点赞320 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容