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 写类方式之四
Jul 05 Javascript
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
使用javascript实现简单的选项卡切换
Jan 09 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
Vue响应式添加、修改数组和对象的值
Mar 20 Javascript
利用JS实现简单的瀑布流加载图片效果
Apr 22 Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
vue中监听返回键问题
Aug 28 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中文验证码实现方法
2015/06/18 PHP
php轻量级的性能分析工具xhprof的安装使用
2015/08/12 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JQuery中getJSON的使用方法
2010/12/13 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
JavaScript 七大技巧(二)
2015/12/13 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
vue element upload实现图片本地预览
2019/08/20 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
Python入门篇之字典
2014/10/17 Python
python连接mysql实例分享
2016/10/09 Python
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
Python大批量搜索引擎图像爬虫工具详解
2020/11/16 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
巴西宠物商店:Cobasi
2019/04/19 全球购物
总经理秘书的岗位职责
2013/12/27 职场文书
国际会议邀请函范文
2014/01/16 职场文书
学习两会精神心得范文
2014/03/17 职场文书
小学庆六一活动总结
2014/08/28 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
给校长的建议书范文
2015/09/14 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技