JavaScript中的三目运算符详细介绍

三目运算符(又称三元运算符)
是我们运算符的一种
由两个符号组成的：
分别是 “？” 和“：”
它的作用: 简写 if else 语句
简写的是 if () {} else {}
语法如下
条件 ? 成立就执行 : 不成立就执行
三目嵌套：
条件一 ? 成立执行 : (条件二 ? 条件二成立就执行 : 条件二不成立)

我一般进行书写的格式如下
var num = 10 //第一句
num > 0 ? console.log(‘这个数字是正数’) : console.log(‘这个数字是 0 或者负数’) //第二句
解释如下
条件就是 num > 0
条件成立执行的代码 console.log(‘这个数字是正数’)
条件不成立执行的代码 console.log(‘这个数字是 0 或者负数’)

在有的时候，我们会有三目运算符来代替if (条件) { 成立就执行 } else { 不成立就执行 }
if的嵌套的书写如下
if (num > 0) {
console.log(‘这个数字是正数’)
} else {
第二次判断
if (num < 0) {
console.log(‘这个数字是负数’)
} else {
console.log(‘这个数字是 0’)
}
}

用三目运算符进行改写的如下
第一个条件是 num > 0
条件成立 console.log(‘正数’)
条件不成立 (num < 0 ? console.log(‘负数’) : console.log(‘0’))
第二个条件是 num < 0
条件成立 console.log(‘负数’)
条件不成立 console.log(‘0’)
num > 0 ? console.log(‘正数’) : (num < 0 ? console.log(‘负数’) : console.log(‘0’))

以上是我今天所要介绍的三目运算符的全部内容。

JavaScript中的三目运算符详细介绍相关推荐

pythonexcel介绍_Python 中pandas.read_excel详细介绍
Python 中pandas.read_excel详细介绍 #coding:utf-8 import pandas as pd import numpy as np filefullpath = r& ...
2020-12-09 深度学习卷积神经网络中感受野的详细介绍
卷积神经网络中感受野的详细介绍 1. 感受野的概念在卷积神经网络中,感受野(Receptive Field)的定义是卷积神经网络每一层输出的特征图(feature map)上的像素点在输入图片上映射 ...
Android manifest文件中的标签详细介绍
Android manifest文件中的标签详细介绍概要每一个Android应用都应该包含一个manifest文件,即AndroidManifest.xml.它包含了程序运行的一些必备信息,比如: ...
python中soup_python中BeautifulSoup的详细介绍（附代码）
本篇文章给大家带来的内容是关于python中BeautifulSoup的详细介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Beautiful Soup提供一些简单的. ...
位在c语言中用什么定义,C语言中位段的详细介绍
C语言中位段的详细介绍位段(bit-field)是以位为单位来定义结构体(或联合体)中的成员变量所占的空间.含有位段的结构体(联合体)称为位段结构.采用位段结构既能够节省空间,又方便于操作.以下是百 ...
linux的run目录,Linux 中run 目录详细介绍
原标题:Linux 中run 目录详细介绍 /run 是各种各样数据的家园.例如,如果你查看 /run/user,你会注意到一组带有数字名称的目录. $ ls /run/user 1000 1002 ...
csp怎么给线条描边_CSP优动漫PAINT中基本功能详细介绍
今天我们来看一下CSP优动漫PAINT中基本功能详细介绍,有不清楚的小伙伴,一起来了解一下吧. CSP优动漫PAINT中基本功能详细介绍颜色丰富多彩.笔感自然真实通过高级笔压感应功能,展现自然真实 ...
Cesium中图元Primitive详细介绍及案例
Cesium从入门到项目实战总目录: 点击文章目录 Cesium中图元Primitive详细介绍 Cesium中Primitive案例 Cesium中图元Primitive详细介绍在Cesium中 ...
android webview详情,Android中的WebView详细介绍
Android中WebView的详细解释: 1. 概念: WebView(网络视图)能加载显示网页,可以将其视为一个浏览器.它使用了WebKit渲染引擎加载显示网页. 2. 使用方法: (1).实例化 ...

JavaScript中的三目运算符详细介绍

JavaScript中的三目运算符详细介绍相关推荐

最新文章

热门文章