前端三目运算符

更新时间:2023-06-15 23:59:55 阅读: 评论:0

前端三目运算符
前端三目运算符是前端开发中常用的一种运算符,是用来在一句话中添加多个判断的。下面我们来看以下对它的详细介绍:
一、什么是前端三目运算符
前端三目运算符又称条件运算符,是一个JavaScript语法结构,它通过一种精简的形式来求解一个条件表达式,从而避免冗余的if-el语句。通常只会涉及三个运算部分,故称作三目运算符。
二、前端三目运算符的原理
前端三目运算符的原理很简单,在JS中它的语法一般是这样的:
condition ? value1 : value2
太阳系的八大行星
它由三个部分组成,从左到右:
(1)condition:表达式或条件,必须填写,可以是数值,字符串,变量,表达式;
(2)value1:当condition为true时,要执行的结果;
(3)value2:当condition为fal时,要执行的结果。
根据上述原理,当condition为true,就执行value1;当condition为fal,就执行value2。
三、前端三目运算符的使用
(1)基本使用
上面也提到了,前端三目运算符最常用的形式是
condition ? value1 : value2
当condition为true,就执行value1;当condition为fal,就执行value2。
比如现在想要将一个变量的值赋值给另一个变量counter:
//若flag的值为true,则counter的值为1,否则counter的值为0
莽读音const flag=true;
母子情深的爱
let counter=flag ? 1 : 0; 13陵
(2)连续使用
前端三目运算符的结构是可以连续使用的,如下面的例子:
let num = 1;
let type = num === 1 ? "A" :
腊日杜甫            num === 2 ? "B" :
            num === 3 ? "C" :
            num === 4 ? "D" :
烟台地税网上申报
            "others";
           
console.log(type);  // 结果:A
隔江犹唱后庭花gl上面的代码就实现了比较一个变量num是否等于1、2、3、4,并给变量type赋值。演绎拼音
四、前端三目运算符的使用注意
(1)value1和value2不一定非要是常量,也可以是变量或表达式,但是条件表达式中要有一个Boolean值作为condition,否则会报错;
(2)在连续使用时,一定要看清每个条件表达式都是由三个部分组成,且最后一个要添加上一个“otherwi”备选;
(3)尽量少用多个,以免出现逻辑错误,而且多个连续的前端三目运算符会显得代码较复杂不易读懂;
(4)一定要注意运算符优先顺序,多个前端三目运算符一起使用时要用()来括起来。
总之,前端三目运算符的句法简洁、思路清晰,是JavaScript中常用的一种语句,它可以明显地简化代码笔记,减少冗余代码,提高工作效率。

本文发布于:2023-06-15 23:59:55,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1040347.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:运算符   三目   代码   变量   条件   表达式
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图