总结javascript三元运算符知识点


Posted in Javascript onSeptember 28, 2018

说起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; 多条语句中间用逗号分隔

*在三元运算符的操作中不能出现break、continue、return等这些关键词;

Javascript 相关文章推荐
xmlhttp缓存清除的2种解决方法
Dec 13 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
canvas绘制多边形
Feb 24 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
Vue.js中的组件系统
May 30 Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 #Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 #Javascript
js隐式转换的知识实例讲解
Sep 28 #Javascript
vue.js父子组件通信动态绑定的实例
Sep 28 #Javascript
解决webpack+Vue引入iView找不到字体文件的问题
Sep 28 #Javascript
JavaScript循环遍历你会用哪些之小结篇
Sep 28 #Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 #Javascript
You might like
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
如何用php获取文件名后缀
2013/06/09 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHP实现用session来实现记录用户登陆信息
2018/10/15 PHP
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
Jquery焦点与失去焦点示例应用
2014/06/10 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
jQuery使用unlock.js插件实现滑动解锁
2017/04/04 jQuery
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
使用Vue-Router 2实现路由功能实例详解
2017/11/14 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
javascript实现点击按钮切换轮播图功能
2020/09/23 Javascript
Python中datetime常用时间处理方法
2015/06/15 Python
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
python 格式化输出百分号的方法
2019/01/20 Python
PyQT实现菜单中的复制,全选和清空的功能的方法
2019/06/17 Python
python实现ip地址的包含关系判断
2020/02/07 Python
PyCharm常用配置和常用插件(小结)
2021/02/06 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
thinkphp5 路由分发原理
2021/03/18 PHP
护理专科毕业推荐信
2013/11/10 职场文书
杠杆的科学教学反思
2014/01/10 职场文书
酒店副总经理岗位职责范本
2014/02/04 职场文书
局机关干部群众路线个人对照检查材料思想汇报
2014/10/05 职场文书
人事聘任通知
2015/04/21 职场文书
办公室禁烟通知
2015/04/23 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android