总结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 相关文章推荐
多浏览器支持的右下角浮动窗口
Apr 01 Javascript
轻量级 JS ToolTip提示效果
Jul 20 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
jquery选择器之属性过滤选择器详解
Jan 27 Javascript
ListBox实现上移,下移,左移,右移的简单实例
Feb 13 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
javascript的BOM
May 03 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
JS设置自定义快捷键并实现图片上下左右移动
Oct 17 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
php实现的漂亮分页方法
2014/04/17 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
PHP递归的三种常用方式
2019/02/28 PHP
Chosen 基于jquery的选择框插件使用方法
2012/05/30 Javascript
extjs 04_grid 单击事件新发现
2012/11/27 Javascript
捕获浏览器关闭、刷新事件不同情况下的处理方法
2013/06/02 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
使用use注册Vue全局组件和全局指令的方法
2018/03/08 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
Python变量和字符串详解
2017/04/29 Python
python+opencv+caffe+摄像头做目标检测的实例代码
2018/08/03 Python
Python3分析处理声音数据的例子
2019/08/27 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
Django Form常用功能及代码示例
2020/10/13 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
YesStyle美国/全球:购买亚洲时装、美容化妆品和生活百货
2017/01/16 全球购物
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
高三地理教学反思
2014/01/11 职场文书
回门宴新郎答谢词
2014/01/12 职场文书
上课迟到检讨书
2014/01/19 职场文书
办理信用卡工作证明
2014/09/30 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
共青团员自我评价
2015/03/10 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
python之django路由和视图案例教程
2021/07/26 Python