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有了新的认识呢。
相关文章
这篇文章主要介绍了js简单倒计时实现代码,涉及JavaScript时间与日期的相关运算技巧,需要的朋友可以参考下2016-04-04
BootStrap Table 分页后重新搜索问题的解决办法
这篇文章主要介绍了BootStrap Table 分页后重新搜索问题的解决办法,自定义搜索且有分页功能,比如搜索产品名的功能。小编给大家带来了关键代码，非常不错，需要的朋友可以参考下2016-08-08
JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下2015-10-10
因为我们的项目可以通过编写脚本（javascript）进行功能扩展，所以为了方便现场实施人员，所以突发奇想想在网页上（系统是B/S的）提供一个javascript的编辑器。2010-04-04
瀑布流，又称瀑布流式布局，是比较流行的一种网站页面布局，这篇文章主要介绍了js实现瀑布流的三种方式，感兴趣的小伙伴们可以参考一下2015-12-12
我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢？下面这篇文章主要给大家介绍了关于如何给localStorage设置一个过期时间的相关资料，需要的朋友可以参考下2018-11-11
本文通过实例代码给大家介绍了JS实现简单滑块拼图游戏，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2019-10-10
今天小编就为大家分享一篇关于layui导航栏不展示下拉列表的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js实现点击按钮复制文本，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
title漂亮的闪动效果2008-10-10
最新评论