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

 更新时间:2014年11月21日 09:11:10   投稿:hebedich  
本文是通过示例详细分析了JS中三目运算符和if else的区别,是篇非常不错的文章,这里推荐给大家。

今天写了一个图片轮播的小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有了新的认识呢。

相关文章

  • JavaScript异步编程操作实现介绍

    JavaScript异步编程操作实现介绍

    异步(Asynchronous, async)是与同步(Synchronous, sync)相对的概念。在我们学习的传统单线程编程中,程序的运行是同步的,同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行,而异步的概念则是不保证同步的概念
    2022-09-09
  • jquery实现的图片点击滚动效果

    jquery实现的图片点击滚动效果

    这篇文章主要介绍了jquery实现的图片点击滚动效果,需要的朋友可以参考下
    2014-04-04
  • JS跨域之window.name实现的跨域数据传输

    JS跨域之window.name实现的跨域数据传输

    这篇文章主要介绍了JS跨域之window.name实现的跨域数据传输,需要的朋友可以参考下
    2022-01-01
  • JS中数组常用的循环遍历你会几种

    JS中数组常用的循环遍历你会几种

    JS 遍历数组(循环数组)的方式有多种,但你都知道吗?下面这篇文章主要给大家介绍了关于JS中数组常用循环遍历的相关资料,需要的朋友可以参考下
    2021-06-06
  • layui 实现表格某一列显示图标

    layui 实现表格某一列显示图标

    今天小编就为大家分享一篇layui 实现表格某一列显示图标的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js实现点击左右按钮轮播图片效果实例

    js实现点击左右按钮轮播图片效果实例

    这篇文章主要介绍了js实现点击左右按钮轮播图片效果的方法,涉及click事件相应、animate方法等使用技巧,需要的朋友可以参考下
    2015-01-01
  • 如何判断Javascript对象是否存在的简单实例

    如何判断Javascript对象是否存在的简单实例

    下面小编就为大家带来一篇如何判断Javascript对象是否存在的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • JS错误处理与调试操作实例分析

    JS错误处理与调试操作实例分析

    这篇文章主要介绍了JS错误处理与调试操作,结合实例形式分析了JavaScript错误捕获、处理、调试工具、断点调试等相关操作技巧,需要的朋友可以参考下
    2020-04-04
  • Iframe thickbox2.0使用的方法

    Iframe thickbox2.0使用的方法

    一个小项目中用到,奉命进行修改,定位到
    2009-03-03
  • JS中Promise函数then的奥秘探究

    JS中Promise函数then的奥秘探究

    then()方法用于指定当前实例状态发生改变时的回调函数。它返回一个新的Promise实例。下面这篇文章主要给大家介绍了关于JS中Promise函数then的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-07-07

最新评论