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


Posted in Javascript onNovember 21, 2014

今天写了一个图片轮播的小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获得CheckBoxList选中的数量
Oct 27 Javascript
jQuery 关于伪类选择符的使用说明
Apr 24 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
May 26 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
原生JavaScript实现随机点名表
Jan 14 Javascript
用JS实现飞机大战小游戏
Jun 09 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
Nov 20 #Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 #Javascript
js实现div弹出层的方法
Nov 20 #Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
Nov 20 #Javascript
js实现二代身份证号码验证详解
Nov 20 #Javascript
js实现网页标题栏闪烁提示效果实例分析
Nov 20 #Javascript
javascript获取flash版本号的方法
Nov 20 #Javascript
You might like
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
PHP asXML()函数讲解
2019/02/03 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
2012/10/12 Javascript
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
JavaScript通过事件代理高亮显示表格行的方法
2015/05/27 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
2017/01/21 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
2017/04/24 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
JS监听组合按键思路及实现过程
2020/04/17 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python基于Hypothesis测试库生成测试数据
2020/04/29 Python
html5 更新图片颜色示例代码
2014/07/29 HTML / CSS
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
美国女士时尚珠宝及配饰购物网站:Icing
2018/07/02 全球购物
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
党员教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
企业年会祝酒词
2015/08/11 职场文书
公司晚会主持词
2019/04/17 职场文书
导游词之安徽九华山
2019/09/18 职场文书
Anaconda配置各版本Pytorch的实现
2021/08/07 Python