使用JavaScript中三元运算符的方法

发布时间:2020-08-28 10:32:40 作者:小新
来源:亿速云 阅读:152

这篇文章将为大家详细讲解有关使用JavaScript中三元运算符的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

三元运算符是运算符之一,顾名思义,它是唯一使用三个运算符的运算符,由于其性质,可以说是对if语句的简单重写,布尔值是表示其命题是真或假的两个值,分别写成true和false,主要用于条件分支。

使用JavaScript中三元运算符的方法

下面我们来看三元运算符的具体使用方法。

我们先来看看if语句和三元运算符的语法

在JavaScript中if条件语句怎么使用中,我们使用if语句会有三行或者更多的表达式

当条件表达式为真(true)时执行表达式1,当它为假(false)时执行表达式2。

if(条件表达式){ 
  //表达式1 
} else { 
  //表达式2 
}

但是,如果使用三元运算符就可以在一行中简要描述和上述if语句相同的内容,如下所示。

三元运算符的语法

条件表达式?表达式1:表达式2;

我们来看具体的示例

如果钱的数量大于5000(包括5000)则表示富有,如果小于5000则表示贫穷

if语句代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var money = 10000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>
</body>
</html>

运行结果如下

使用JavaScript中三元运算符的方法

接下来,让我们将变量money的值更改为3000。

<script>
var money = 3000;
if (money >= 5000) {
document.write ("富有");
} else {
document.write ("贫穷");
}
</script>

运行结果如下

使用JavaScript中三元运算符的方法

使用三元运算符代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var money = 10000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>
</body>
</html>

由于变量money的值是10000大于5000,所以它显示为“富有”。

使用JavaScript中三元运算符的方法

接下来,让我们将变量money的值更改为3000。

<script>
var money = 3000;
money > 5000 ? document.write("富有") : document.write("贫穷") ;
</script>

运行结果如下

使用JavaScript中三元运算符的方法

关于使用JavaScript中三元运算符的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. PHP 三元运算符的使用
  2. java中三目运算符

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript avascript ava

上一篇:在HTML中插入空格的方法

下一篇:修改一台 ECS 实例专有网络 VPC 属性的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》