总结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编程起步(第七课)
Jan 10 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
Apr 12 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
封装属于自己的JS组件
Jan 27 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
js本地图片预览实现代码
Oct 09 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
May 02 Javascript
JS实现轮播图效果
Jan 11 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/10/31 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
JQuery处理json与ajax返回JSON实例代码
2014/01/03 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
vue的keep-alive用法技巧
2019/08/15 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
Python中转换角度为弧度的radians()方法
2015/05/18 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
python简单贪吃蛇开发
2019/01/28 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
python中对数据进行各种排序的方法
2019/07/02 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
Python tkinter和exe打包的方法
2020/02/05 Python
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
继承权公证书
2014/04/09 职场文书
家长会学生演讲稿
2014/04/26 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
Python中的变量与常量
2021/11/11 Python