如何使用JavaScript中三元运算符-tutorial js-php.cn

如何使用JavaScript中三元运算符

不言

Lepaskan： 2021-04-21 14:46:41

asal

9490 orang telah melayarinya

JavaScript中三元运算符是唯一使用三个运算符的运算符，其使用语法是【条件表达式？表达式1：表达式2;】。

如何使用JavaScript中三元运算符

本文操作环境：Windows7系统、javascript1.8.5版、Dell G3电脑。

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

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

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

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

当条件表达式为真（true）时执行表达式1，当它为假（false）时执行表达式2。

if（条件表达式）{ 
  //表达式1 
} else { 
  //表达式2 
}

Salin selepas log masuk

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

三元运算符的语法

条件表达式？表达式1：表达式2;

Salin selepas log masuk

我们来看具体的示例

如果钱的数量大于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>

Salin selepas log masuk

运行结果如下

JavaScript

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

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

Salin selepas log masuk

运行结果如下

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>

Salin selepas log masuk

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

2345截图20181221151929.png

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

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

Salin selepas log masuk

运行结果如下

2345截图20181221151516.png

以上就是本篇文章的全部内容了，更多精彩内容大家可以关注php中文网的相关栏目！！！

Atas ialah kandungan terperinci 如何使用JavaScript中三元运算符. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

如何使用JavaScript中三元运算符