服务器之家

服务器之家 > 正文

JS中三目运算符和if else的区别分析与示例

时间:2021-04-22 16:41     来源/作者:JS教程网

今天写了一个图片轮播的小demo,用到了判断

先试了一下if else,代码如下:
 

复制代码 代码如下:

if(n >= count-1){
n =0;
}else{
n ++;
}

 

随后代码写完了,准备优化一下代码,将此段改成了三目运算符的写法
 

复制代码 代码如下:

n = n >= (count-1) ? n=0 : n++

 

结果完全不同

随后研究了一下这两者的区别,总结为一句话:三目运算有返回值,if else没有返回值

做了如下测试:
 

复制代码 代码如下:


var n=1;
 if(n>1){
    n=0;
}else{
    n++;
}
console.log(n);

 

输出结果:2

 

 

三目运算如下:
 

复制代码 代码如下:

var n=1;
n = n>1?0 : n++;
console.log(n);
输出结果为:1

 

插入一段其他内容:++n和n++的区别:简单地说,都是 n 自加1。区别是,n++是执行完后面的语句才加1;而++n 就先做 n+1才执行后面的语句

那么对于++n呢

if else 语句

 

复制代码 代码如下:

var n=1;
 if(n>1){
    n=0;
}else{
    ++n;
}
console.log(n);
输出结果:2

 

 

三目运算结果
 

复制代码 代码如下:

var n=1;
n = n>1?0 : ++n;
console.log(n); 输出结果为:2


 
可以看出if else和三目运算的区别了吧~~~
 
n++和++n在此验证中,没有任何区别,因为if else都是计算结果之后的,不会返回n,没有任何返回值
 
但是对于三目运算,n++返回的n值为n本身,++n返回的n值为n+1之后的结果

 

读了本文,小伙伴们是不是对js中的三目运算符和if else有了新的认识呢。

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
返回顶部