【JavaScript教程】#7 JavaScript 逻辑运算符 逻辑与Logical AND 逻辑或Logical OR 用一个if语句判断多个条件 | JavaScript Logical Operators

 

https://youtu.be/ZdlNT0TYMwI


【JavaScript教程】#7 JavaScript 逻辑运算符 逻辑与Logical AND 逻辑或Logical OR 用一个if语句判断多个条件 | JS Logical Operators ☕ ☕ ☕ 给我买杯咖啡提提神吧! ✅ https://bit.ly/3kCOpFK ✅ (免费) JavaScript教程系列: https://bit.ly/310cHle ✅ 更多精彩的JavaScript入门课程: http://bit.ly/js-for-beginners ✅ JavaScript相关书籍: 1:The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (强烈推荐👍) https://amzn.to/31s30uH ✅(通告)”Codetisan 自学编程社区“ 已经正式开通啦,三人行必有我师,同学们再也不用独自一人闷头自学编程了,快去社区里和其他小伙伴们互动吧! ▶︎ https://bit.ly/2AHylzN 🔆订阅我的YouTube频道,让你从一个0基础编程的菜鸟快速成为编程大师!🔆 http://bit.ly/2TBkXo1 ▶︎ 文轩解码更精彩的平台 ◀︎ ‣‣ Blogger :https://bit.ly/2yMz0PC ‣‣ Twitter: https://bit.ly/2R74FS1 ‣‣ Facebook: https://bit.ly/35crcmz ‣‣ Instagram: https://bit.ly/2KH6Wjw ‣‣ Github: https://bit.ly/2SHtsx4 #javascript逻辑符 #编程入门 #javascript入门


文字内容:

Hi, 大家好,我是文轩

欢迎再次收看文轩解码

如果你想和其他同学

一起学习和讨论JavaScript编程

可以扫描这个二维码

去到自学编程社区里

和其他同学一起互动

今天我们要聊的话题

和上一期视频有联系

如果你还没看的话

可以翻看这个视频

上期视频我们介绍过了

JavaScript怎么用if else

去判断条件是否被满足

这期视频我会给大家分享

两个新的运算符号

那就是

逻辑与

logical AND

和 逻辑或

logical OR

逻辑与 和 逻辑或 

一般也是用在条件判断里

假设我们有两个条件需要判断

我们可以用两个if语句去表示

像这样

除了这样表示

我们也可以用另一种更精简的方式去表示

像这样

我们可以把两个条件放在一个if语句里

然后用两个ampersand符号隔开

这两个ampersand符号称之为 逻辑与

这个if语句用白话来解释的话

就是如果条件1和条件2同时被满足了

就执行这里的代码

我们也可以在这里添加三个

甚至多个条件

只要这里的条件全部被满足了

大括号里的代码就会被执行

接下来

我们看看逻辑或是怎么表示的

逻辑或是用两条竖线表示

如果这里出现两个条件和逻辑或符号

那就说明

只要条件1或条件2被满足了

就会执行这里的代码

那现在我们切换到VS CODE实操一下

接下来

我会用一个简易版登录和忘记密码模拟功能

来和同学们演示逻辑于和逻辑或

这个模拟功能只是用来简单粗暴的模拟

逻辑与和逻辑或

实际登录和忘记密码功能比这模拟复杂得多

假设你给企业开发了一个CRM系统

要登录该CRM系统的话

用户就必须使用邮箱地址和密码登录

目前系统里只有一个用户

用户的用户名是john@gmail.com

密码是john123

这个用户也绑定的手机号是998998

他的手机号是998998

我们可以用if else语句

去判断用户名和密码是否正确

首先

我们先判断输入的用户名

和密码是不是和预设的匹配

输入的用户名和密码我们用变量去模拟

我们先声明两个变量

username和password

接下来我们插入if else语句

这里我们要判断username是不是

等于john@gmail.com

同时也要判断password是不是

等于john123

我们要确认这两个条件都是true

才让john登录

所以这里我们要使用

逻辑与

如果username和password都正确

我们就让John登录

如果用户名和密码不对

我们就告诉用户登录失败

好的

现在我们来模拟用户输入用户名和密码

把username设置成john@gmail.com

然后再把password设置成john123

保存刷新

嗯,这里显示John成功登录了

username是等于john@gmail.com

和password等于john123

我们把密码换成john999

看看还能不能登录

嗯,是不能登录的

这两个条件没有同时被满足

所以系统就不让John登录

这个示例很简单吧

相信难不倒大家

好的

那接下来给同学们演示一下

逻辑或logical OR

这个逻辑或我们用忘记密码功能来模拟吧

假设John忘记了密码

他可以提供邮箱地址

或者绑定的手机号来取回密码

我们还是用if else语句去表示

我们先声明一个变量 contact

这是用来保存John输入的邮箱或者手机号

如果John提供的是正确的邮箱地址

或者绑定的手机号

系统就会把验证码发给John

我们接着插入if else语句

在小括号这里

我们要判断contact是否等于john@gmail.com

或者contact是否等于998998

只要这两个条件里的其中一个被满足了

验证码就会发个John

如果这两个条件都没被满足了

我们在else打印“对不起,不能发送验证码”

好的,现在我们来模拟John尝试取回密码

我们把contact设置成john@gmail.com

嗯,验证码发送了

John提供的邮箱地址正确

其中一个条件被满足了

所以大括号里的代码会被执行

我们尝试把contact换成998998

看看能不能把验证码发出去

嗯,验证码也能发出去

手机号是正确的

其中一个条件被满足了

所以验证码能发出去

接下来,我们输入一个错误的信息

看看验证码能不能发送

我们把contact设置成hacker@gmail.com

保存刷新

嗯,验证码是发不出去的

因为contact的数据不匹配

既不等于john@gmail.com

也不等于998998

所以if语句判断这里的条件为false

然后跳到else的部分执行else里代码

好的,那我们来总结一下今天的分享

刚才和同学们分享了逻辑与logical AND 

和 逻辑或logical OR

如果我们用逻辑与来判断多个条件

所有在小括号里的条件都必须被满足

也就是说这些条件都必须是true

才能执行这里的代码

只要其中一个是false

整个if语句就会判断为false

程序流程就会跳到else语句里

执行这里的代码

而逻辑或在判断多个条件的时候

只要有一个条件是true

if语句就会被判断为true

然后执行if语句里的代码

只有在全部条件为false的时候

才会执行else语句里的代码

嗯,今天的分享就差不多了

有疑问的话

欢迎去到自学编程社区里提问

喜欢这个视频就帮忙点赞分享吧

我们下期见,拜拜!



Comments

Popular posts from this blog

【编程入门】使用 HTML CSS 制作登录页面 (零基础菜鸟必看) | How to create a login form in html css

怎么制作网页?仅使用html css制作你人生第一个专属网页 (免费网页设计教程) | How to create a website for free | 网页编程系列 第1集

2021 網頁編程自學小白要怎麼學才能真真快速入門編程? (內附路線圖+ 3個王牌技能) | Web Development Roadmap For Beginners 2021