总结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 相关文章推荐
可以文本显示的公告栏的js代码
Mar 11 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
JS简单随机数生成方法
Sep 05 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
常用的js方法合集
Mar 10 Javascript
react.js组件实现拖拽复制和可排序的示例代码
Aug 20 Javascript
玩转Koa之核心原理分析
Dec 29 Javascript
JS实现可控制的进度条
Mar 25 Javascript
Vue中使用wangeditor富文本编辑的问题
Feb 07 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
无限级别菜单的实现
2006/10/09 PHP
火车头采集器3.0采集图文教程
2007/03/17 PHP
php快速url重写更新版[需php 5.30以上]
2010/04/25 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
2012/02/03 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
js中reverse函数的用法详解
2013/12/26 Javascript
JS+CSS实现可拖动的弹出提示框
2015/02/16 Javascript
Highcharts使用简例及异步动态读取数据
2015/12/30 Javascript
浅析JavaScript作用域链、执行上下文与闭包
2016/02/01 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
vue计算属性+vue中class与style绑定(推荐)
2020/03/30 Javascript
ES2020让代码更优美的运算符 (?.) (??)
2021/01/04 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
Python读取网页内容的方法
2015/07/30 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
在Python dataframe中出生日期转化为年龄的实现方法
2018/10/20 Python
用Python逐行分析文件方法
2019/01/28 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
python 使用openpyxl读取excel数据
2021/02/18 Python
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
如何判断计算机可能已经中马
2013/03/22 面试题
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
经理秘书找工作求职信
2013/12/19 职场文书
土建工程师岗位职责
2014/06/10 职场文书
服装设计专业自荐信
2014/06/17 职场文书
市场营销专业应届生自荐信
2014/06/19 职场文书
欢迎家长标语
2014/10/08 职场文书
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
好人好事新闻稿
2015/07/17 职场文书
用JS写一个发布订阅模式
2021/11/07 Javascript