总结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创建和操作表格的函数集合
May 07 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
Mar 01 Javascript
javascript自动切换焦点控制效果完整实例
Feb 02 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
Jan 04 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
基于webpack4.X从零搭建React脚手架的方法步骤
Dec 23 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
8个非常实用的Vue自定义指令
Dec 15 Vue.js
JavaScript实现简单的音乐播放器
Aug 14 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
smarty高级特性之对象的使用方法
2015/12/25 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
番茄的表单验证类代码修改版
2008/07/18 Javascript
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
jquery trim() 功能源代码
2011/02/14 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
javascript模拟命名空间
2015/04/17 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
js实现瀑布流的三种方式比较
2020/06/28 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
python中的全局变量用法分析
2015/06/09 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代
2013/01/31 HTML / CSS
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
保护环境的建议书
2014/03/12 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
2014年教育工作总结
2014/11/26 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
matplotlib画混淆矩阵与正确率曲线的实例代码
2021/06/01 Python