总结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扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
js实现简洁大方的二级下拉菜单效果代码
Sep 01 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
理解JavaScript原型链
Oct 25 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
vue2.0实现导航菜单切换效果
May 08 Javascript
详解JavaScript中的六种错误类型
Sep 21 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
图文详解vue框架安装步骤
Feb 12 Javascript
使用vuex解决刷新页面state数据消失的问题记录
May 08 Javascript
微信小程序实现滑动操作代码
Apr 23 Javascript
在vue中给后台接口传的值为数组的格式代码
Nov 12 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
php 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
php-fpm重启导致的程序执行中断问题详解
2019/04/29 PHP
用JTrackBar实现的模拟苹果风格的滚动条
2007/08/06 Javascript
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
2012/12/07 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JavaScript实现自动变换表格边框颜色
2015/05/08 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
微信小程序实现简单表格
2019/02/14 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
2019/09/12 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
TensorFlow实现iris数据集线性回归
2018/09/07 Python
python实现高斯投影正反算方式
2020/01/17 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
TCP/IP的分层模型
2013/10/27 面试题
幼儿园教育教学反思
2014/01/31 职场文书
高中英语教学反思
2014/02/04 职场文书
银行青年文明号事迹材料
2014/05/31 职场文书
征用土地赔偿协议书
2014/09/26 职场文书
大学生上课迟到检讨书
2014/10/15 职场文书
创业计划书之酒厂
2019/10/14 职场文书
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js