总结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 相关文章推荐
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
javascript验证身份证号
Mar 03 Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
利用HBuilder打包前端开发webapp为apk的方法
Nov 13 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
Sep 04 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 Javascript
封装微信小程序http拦截器过程解析
Aug 13 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
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
PHP 一个页面执行时间类代码
2010/03/05 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
BetterScroll 在移动端滚动场景的应用
2017/09/18 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
2020/11/03 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Python字符串切片操作知识详解
2016/03/28 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
django celery redis使用具体实践
2019/04/08 Python
Python socket模块ftp传输文件过程解析
2019/11/05 Python
python将数组n等分的实例
2019/12/02 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
django正续或者倒序查库实例
2020/05/19 Python
python用什么编辑器进行项目开发
2020/06/17 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
网络编辑职责
2014/03/01 职场文书
社区工作者感言
2014/03/02 职场文书
中学教师师德承诺书
2014/05/23 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
如何利用React实现图片识别App
2022/02/18 Javascript