总结javascript三元运算符知识点
说起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等这些关键词;
相关文章
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
这篇文章主要介绍了使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码,主要是对自己近期学习TypeScript的一个小小的总结实践,推荐给小伙伴们,希望大家能够喜欢。2015-04-04Web面试常问回流reflow与重绘repaint原理及区别
本文主要为大家讲解了浏览器的渲染机制回流与重绘的原理,有需要的朋友可以借鉴参考下,希望可以有所帮助,祝大家多多进步早日升职加薪2021-09-09js nextSibling属性和previousSibling属性概述及使用注意
nextSibling属性:该属性表示当前节点的下一个节点;如果其后没有与其同级的节点,则返回null;previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下,感兴趣的你不妨了解下哦,或许对你有所帮助2013-02-02javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
在javascript学习笔记(八)中,我们主要学习了在使用javascript面向对象编程时,如何创建对象及添加对象的属性和方法。2011-04-04JavaScript前端图片加载管理器imagepool使用详解
这篇文章主要介绍了JavaScript前端图片加载管理器imagepool使用详解,需要的朋友可以参考下2014-12-12
最新评论