js三元运算符

Posted 离梦想还差一步

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js三元运算符相关的知识,希望对你有一定的参考价值。

说起js,对很多初学者来说可能还是比较费力的,本人也是觉得js功底还是不够扎实,所以把有些东西在学习一遍,顺便分享出来希望可以帮到有需要的人

“三元运算符”  什么是三元运算符   

条件?条件成立执行:条件不成立执行;

相当于简单的if()else()语句

举个栗子:

var num=10;

if(num>5 && num<=10){

num++;

}else{

num--;

}

三元运算符写法

num>5 && num<=10 ? num++:num--;

三元运算符另外一种情况,相当于只有if()的语句,改写为三元运算符写法,

var num=10;

if(num>5 && num<=10){

 num++;

}

num>5 && num<=10?num++:null;    //null作为条件不成立的占位符,冒号后面不写任何东西则会报错,可以使用null、undefined、void 0(就是undefined)占位即可;

 

var num=10;

 

if(num>5 && num<=10){

 

 num++;

console.log(num);

 

}

 

上面这个例子可以改写成这样

num>5 && num<=10?(num++,console.log(num)):null;  多条语句中间用逗号分隔

 

以上是关于js三元运算符的主要内容,如果未能解决你的问题,请参考以下文章

js三元运算符

js知识点js三元运算符

JS三元运算符

React Js Es6 风格的三元运算符

三元? :运算符抛出错误

js中三元运算符的两种情况