JavaScript中常用的运算符小结


Posted in Javascript onJanuary 18, 2012

一、一元运算符
1、delete 运算符:删除对以前定义的对象属性或方法的引用。例如:
var o=new Object;
o.name="superman";
alert(o.name); //输出 "superman"
delete o.name;
alert(o.name); //输出 "undefined"
删除了name属性,将其设置为undefined(即创建的未初始化的变量的值)。delete不能删除开发者未定义(即ECMAScript定义)的属性和方法。
例如,下面的代码将发生错误:delete o.toString();
2、void 运算符: 对任何值都返回undefined。该运算符通常用于避免输出不应该输出的值。
例如:在HTML页面中 <a href="javascript:window.open('about:blank')">Click Me</a>
点击该链接,网页中的链接消失,显示"[object]" (IE中,火狐中显示"[object Window]",Google中还是该链接)。因为window.open()方法返回了对新打开的窗口的引用。然后该对象被转换成要显示的字符串。要避免这种结果,可以用 void 运算符调用 window.open() 函数:
<a href="javascript:void(window.open('about:blank'))">Click Me</a>
这使window.open()调用返回undefined,它不是有效值,不会显示在浏览器窗口中。
3、前增量/前减量运算符:与C中的用法一样。运算都发生在计算表达式之前。如:++i; --i 。
4、后增量/后减量运算符:后缀式运算符是在计算过包含它们的表达式后才进行增量或减量运算。如:i++; i-- 。
5、一元加法和一元减法
一元加法本质上对数字无任何影响: var iNum=25; iNum=+iNum; alert(iNum); //输出25
一元加法运算符对对字符串进行操作时,它计算字符串的方式与 parseInt() 相似,主要的不同是对以"0x"开头的字符串(表示十六进制数字),一元运算符才能将它转换成十进制的值。因此,用一元加法转换"010",得到的总是10,而"0xB"将被转换成11。
var sNum="25"; alert(typeof sNum); //输出 "string"
var iNum=+sNum; alert(typeof iNum); //输出 "number"
一元减法就是对数值求负,与一元加法运算符相似,一元减法运算符也会把字符串转换成近似的数字,此外还会对该值求负。
var sNum = "25"; alert(typeof sNum); //输出 "string"
var iNum = -sNum; alert(iNum); //输出"-25"
alert(typeof iNum); //输出 "number"
二、位运算符:与二进制有关的一系列运算符,实际操作中貌似不怎么用,就略过了……
位运算符NOT由否定号(~)表示。
位运算符AND由和号(&)表示。
位运算符OR由符号(|)表示。
位运算符XOR由符号(^)表示。
左移运算由两个小于号表示(<<)。
有符号右移运算符由两个大于号(>>)表示。
无符号右移由三个大于号(>>>)表示。
三、Boolean运算符
Boolean运算符有三种,即NOT、AND 和 OR。
1、逻辑NOT,用感叹号(!)表示。该运算符通常用于控制循环。与逻辑OR和逻辑AND运算符不同的是,逻辑NOT运算符返回的一定是Boolean值。逻辑NOT运算符的行为如下:
如果运算数是对象,返回false。
如果运算数是数字0,返回true。
如果运算数是0意外的任何数字,返回false。
如果运算数是null,返回true。
如果运算数是NaN,返回true。
如果运算数是undefined,发生错误。
例: var b = true;
while(!b){ …… }
2、逻辑 AND 运算符,用双和号(&&)表示。结果为 true 时只有一种情况:true && true = true;
逻辑AND运算的运算数可以是任何类型的,不止是Boolean值。如果某个运算数不是原始的Boolean型值,逻辑AND运算不一定返回Boolean值:
如果一个运算数是对象,另一个是Boolean值,返回该对象。
如果两个运算数都是对象,返回第二个对象。
如果某个运算数是null,返回null。
如果某个运算数是NaN,返回NaN。
如果某个运算数是undefined,发生错误。
如果第一个运算数是false,那么无论第二个运算数的值是什么,结果都不可能为true。
3、逻辑OR运算符,用双竖线(||)表示。结果为false的情况只有一种:false || false=false; 其他情况均为true。
与逻辑AND运算符相似,如果某个运算数不是Boolean值,逻辑OR运算并不一定返回Boolean值:
如果一个运算数是对象,另一个是Boolean值,返回该对象。
如果两个运算数都是对象,返回第一个对象。
如果某个运算数是null,返回null。
如果某个运算数是NaN,返回NaN。
如果某个运算数是undefined,发生错误。
逻辑OR也是简便运算,对于逻辑OR运算符来说,如果第一个运算数值为true,就不再计算第二个运算数。
四、乘性运算符
1、乘法运算符,用星号(*)表示,用于两个数相乘。但在处理特殊值时,ECMAScript中的乘法还有一些特殊行为:
如果运算数都是数字,执行常规的乘法运算,如果结果太大或太小,那么生成的结果就是Infinity或-Infinity。
如果某个运算数是NaN,结果为NaN。
Infinity 乘以0,结果为NaN。
Infinity 乘以0以外的任何数字,结果为Infinity或-Infinity,由第二个运算数的符号决定。
2、除法运算符,用斜线(/)表示,用第二个数除第一个数。对于特殊值,特殊行为如下:
如果运算数都是数字,执行常规的触发运算,如果结果太大或太小,那么生成的结果是Infinity或-Infinity。
如果某个运算数是NaN,结果为NaN。
0除一个非无穷大的数字,结果为NaN。
Infinity被0以外的任何数字除,结果为Infinity或-Infinity,由第二个运算数的符号决定。
3、取模运算符,用百分号(%)表示。如果运算数都是数字,执行常规算术除法运算,返回余数。特殊行为:
如果被除数是 Infinity,或者除数是0,结果为NaN。
如果除数是无穷大的数,结果为被除数。
如果被除数为0,结果为0。
五、加性运算符
1、加法运算符(+),特殊行为:
某个运算数是NaN,结果为NaN。
Infinity 加-Infinity,结果为NaN。
如果某个运算数是字符串,那么采用下列规则:
如果两个运算数都是字符串,把第二个字符串连接到第一个字符串上。
如果只有一个运算数是字符串,把另一个运算数转换成字符串,结果是两个字符串连接成的字符串。
2、减法运算符(-),如果两个运算数都是数字,将执行算术减法。特殊规则:
如果运算数是NaN,结果为NaN。
某个运算数不是数字,结果为NaN。
六、关系运算符
关系运算符小于、大于、小于等于和大于等于执行的是两个数的比较运算,比较方式与算术比较运算相同。每个关系运算符都返回一个Boolean值。
对于字符串,第一个字符串中每个字符的代码都会与第二个字符串中对应位置上的字符的代码进行数值比较。
1、大写字母的代码都小于小写字母的代码,所以要得到按照真正的字母顺序比较结果,必须把两个运算数转换成相同的大小写形式,再进行比较。
2、在比较两个字符串形式的数字时,比较的是它们的字符代码。
3、比较一个字符串和数字,ECMAScript都会把字符串转换为数字,然后按照数字顺序比较它们。如果字符串不能转换成数字,那么返回NaN,任何包含NaN的关系运算都要返回false。因此,这样会返回false。
七、等性运算符
1、等号(==) 和非等号(!=),为确定两个运算数是否相等,这两个运算符都会进行类型转换。执行类型转换的基本规则如下:
如果一个运算数是Boolean值,在检查相等性之前,把它转换成数字值。False转换成0,true转换成1。
如果一个运算数是字符串,另一个是数字,在检查相等性之前,要尝试把字符串转换成数字。
如果一个运算数是对象,另一个是字符串,在检查等性之前,要尝试把对象转换成字符串(调用toString()方法)。
如果一个运算数是对象,另一个是数字,在检查等性之前,要尝试把对象转换成数字。
在进行比较时,该运算符还遵守下列规则:
值null和undefined相等。
在检查相等性时,不能把null和undefined转换成其他值。
如果某个运算数是NaN,等号将返回false,非等号将返回true。即使两个运算数都是NaN,等号仍然返回false,因为根据规则,NaN不等于NaN。
如果两个运算数都是对象,那么比较的是他们的引用值。如果两个运算数指向同一个对象,那么等号返回true,否则两个运算数不等。

JavaScript中常用的运算符小结
2、全等号和非全等号
等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是他们在检查相等性前,不执行类型转换。
全等号由三个等号(===)表示,只有在无需类型转换运算数就相等的情况下,才返回true。
var sNum="55"; var iNum=55; alert(sNum==iNum); //输出 "true"
alert(sNum===iNum); //输出 "false"
非全等号由两个感叹号加两个等号(!==)表示,只有在无需类型转换运算数不相等的情况下,才返回true。
var sNum="55"; var iNum=55; alert(sNum != iNum); //输出 "false"
alert(sNum !== iNum); //输出 "true"
八、其他运算符
1、条件运算符,即三元运算符 : variable = boolean_expression ? true_value : false_value;
2、赋值运算符(=) 复合赋值运算符:+=、-=、*=、/=、%=、<<=、>>=、>>>=
3、逗号运算符 用逗号运算符可以在一条语句中执行多个运算。 如: var iNum1=1,iNum2=2;

Javascript 相关文章推荐
Javascript学习笔记5 类和对象
Jan 11 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
比Jquery的document.ready更快的方法
Apr 28 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
Apr 01 Javascript
几句话带你理解JS中的this、闭包、原型链
Sep 26 Javascript
js实现无缝滚动图
Feb 22 Javascript
了解VUE的render函数的使用
Jun 08 Javascript
electron + vue项目实现打印小票功能及实现代码
Nov 25 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
Vue实现星级评价效果实例详解
Dec 30 Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 #Javascript
jQuery LigerUI 使用教程入门篇
Jan 18 #Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 #Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 #Javascript
Prototype源码浅析 Enumerable部分之each方法
Jan 16 #Javascript
javascript椭圆旋转相册实现代码
Jan 16 #Javascript
Prototype源码浅析 Number部分
Jan 16 #Javascript
You might like
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
php读取文件内容的方法汇总
2015/01/24 PHP
php数组遍历类与用法示例
2019/05/24 PHP
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
2012/06/20 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
JS常用算法实现代码
2016/11/14 Javascript
实例解析angularjs的filter过滤器
2016/12/14 Javascript
Angular4学习笔记之新建项目的方法
2017/07/18 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
如何使用less实现随机下雪动画详解
2019/01/02 Javascript
解决Vue watch里调用方法的坑
2020/11/07 Javascript
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
详解Python的单元测试
2015/04/28 Python
Python实现学生成绩管理系统
2020/04/05 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
python 并发下载器实现方法示例
2019/11/22 Python
python相对企业语言优势在哪
2020/06/12 Python
python3让print输出不换行的方法
2020/08/24 Python
python判断变量是否为列表的方法
2020/09/17 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
求职信需要的五点内容
2014/02/01 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
社区母亲节活动记录
2014/03/06 职场文书
档案保密承诺书
2014/06/03 职场文书
离婚案件原告代理词
2015/05/23 职场文书
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers