总结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 相关文章推荐
JavaScript 函数式编程的原理
Oct 16 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
js操作table示例(个人心得)
Nov 29 Javascript
js通过元素class名字获取元素集合的具体实现
Jan 06 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
Angularjs使用指令做表单校验的方法
Mar 31 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
了解JavaScript中的选择器
May 24 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中将数组存到文件里的实现代码
2012/01/19 PHP
优化PHP程序的方法小结
2012/02/23 PHP
php预定义变量使用帮助(带实例)
2013/10/30 PHP
php获取、检查类名、函数名、方法名的函数方法
2015/06/25 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
jQuery 操作option的实现代码
2011/03/03 Javascript
改善用户体验的五款jQuery插件分享
2011/05/22 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
2019/04/10 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
Python使用numpy产生正态分布随机数的向量或矩阵操作示例
2018/08/22 Python
Windows 64位下python3安装nltk模块
2018/09/19 Python
python实现贪吃蛇游戏
2020/03/21 Python
Python3批量生成带logo的二维码方法
2019/06/24 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
常用的四种CSS透明属性介绍
2014/04/12 HTML / CSS
德国BA保镖药房中文网:Bodyguard Apotheke
2021/03/09 全球购物
写给老师的表扬信
2014/01/21 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
三好学生竞选稿范文
2019/08/21 职场文书
PHP解决高并发问题
2021/04/01 PHP
Springboot如何使用logback实现多环境配置?
2021/06/16 Java/Android