【JavaScript入门-17】三元运算符

举报
搞前端的半夏 发表于 2022/04/30 21:45:22 2022/04/30
【摘要】 三元运算符就像是if 语句的简写。当我们想要快速运行基于真假的功能时,它们会很有帮助。三元组需要三样东西:一个条件如果是真的怎么如果是假的怎么办。例如👇const count = 2;let word;if (count === 1) { word = "1";} else { word = "2";}你上面写的 if 语句有点冗长。你首先必须声明一个空变量,然后更新它。注释掉你上面写...

三元运算符就像是if 语句的简写。

当我们想要快速运行基于真假的功能时,它们会很有帮助。

三元组需要三样东西:

  1. 一个条件
  2. 如果是真的怎么
  3. 如果是假的怎么办。

例如👇

const count = 2;
let word;
if (count === 1) {
  word = "1";
} else {
  word = "2";
}

你上面写的 if 语句有点冗长。你首先必须声明一个空变量,然后更新它。

注释掉你上面写的 if 语句,因为我们将替换它是一个三元语句。

就像我们上面提到的,对于三元语句,我们需要一个条件,然后我们需要如果该条件为真怎么办,如果该条件为假怎么办。

看起来像这样

const word = count === 1 ? '1' : '2';

它的作用是将 if 语句放在我们有我们的条件(将是真或假)的地方(count === 1),然后我们有如果为真则返回什么('item'),最后是如果为假则返回什么(items)。

当我们需要快速执行 if 语句时,这很有用。

我们也可以将它们用于运行功能。

例如,假设我们有一个变量,例如const isAdmin = true;.

我们可以根据我们是否拥有它来运行一个函数,就像这样

isAdmin ? showAdminBar() : null;

因此,在该示例中,如果isAdmin变量设置为 true,我们将显示管理栏,否则我们将什么也不做,这就是我们返回的原因null

我们也可以返回一个空字符串或任何真正的东西,因为它没有将该变量保存在任何地方,它只是检查它是否为真。

如果为真,它将运行一个函数。

重要的是要注意,当它为真时发生的事情和当它为假时发生的事情都需要有一个三元语句。

isAdmin ? showAdminBar();

我一个条件,所以检查第一个是否为真,如果为真,我们将继续执行下一个。但是,如果它是假的,它将不会运行showAdminBar()

当然三元运算符还可以嵌套,因为三元运算符的值,还可以作为另一个三元运算符的条件。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。