0

0

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

DDD

DDD

发布时间:2024-09-19 16:30:02

|

1137人浏览过

|

来源于dev.to

转载

掌握 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 的值取反。如果 isloggedinfalse,则 !isloggedintrue

总结

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

结论

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

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

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

236

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

458

2024.03.01

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1501

2023.10.24

Go语言中的运算符有哪些
Go语言中的运算符有哪些

Go语言中的运算符有:1、加法运算符;2、减法运算符;3、乘法运算符;4、除法运算符;5、取余运算符;6、比较运算符;7、位运算符;8、按位与运算符;9、按位或运算符;10、按位异或运算符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

232

2024.02.23

php三元运算符用法
php三元运算符用法

本专题整合了php三元运算符相关教程,阅读专题下面的文章了解更多详细内容。

87

2025.10.17

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

386

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

135

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

233

2026.01.28

php怎么写接口教程
php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程,助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

8

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号