• 小清新 时光.记录模板 http://www.lmlblog.com/time/

javascript一元运算符与算术运算符

maolai 1869次浏览 0个评论

ECMA-262描述了一组用于操作数据值的运算符,包括一元运算符、布尔运算符、算术运算符、关系运算符、三元运算符、位运算符及赋值运算符。ECMAScript中的运算符适用于很多值,包括字符串、数值、布尔值、对象等。应用于对象时通常会调用对象的valueOf()和toString()方法,以便取得相应的值。typeof操作符、new 操作符,也可以称之为typeof 运算符、new运算符,是同一个意思。

一、什么是表达式

表达式是ECMAScript中的一个“短语”,解释器会通过计算把它转换成一个值。最简单的表达式是字面量或者变量名。例如:
5.96 //数值字面量
'Lee' //字符串字面量
true //布尔值字面量
null //空值字面量
/Java/ //正则表达式字面
{x:1, y:2} //对象字面量、对象表达式
[1,2,3] //数组字面量、数组表达式
function(n) {return x+y;} //函数字面量、函数表达式
box //变量

当然,还可以通过合并简单的表达式来创建复杂的表达式。比如:
box + 5.96 //加法运算的表达式
typeof(box) //查看数据类型的表达式
box > 8 //逻辑运算表达式

通过上面的叙述,我们得知,单一的字面量和组合字面量的运算符都可称为表达式。

二、一元运算符

只能操作一个值的运算符叫做一元运算符。

1、递增++和递减--

var box=100;
++box;         //把box累加一个1,相当于box = box+1
--box;         //把box累减一个1,相当于box = box-1
box++;         //同上
box--;         //同上

2、前置和后置的区别

在没有赋值操作,前置和后置是一样的。但在赋值操作时,如果递增或递减运算符前置,那么前置的运算符会先累加或累减再赋值,如果是后置运算符则先赋值再累加或累减。

var box=100;
var age=++box;         //age值为101
var height=box++;         //height值为100

3、其他类型应用一元运算符的规则

var box='89'; box++;         //90,数值字符串自动转换成数值
var box='ab'; box++;         //NaN,字符串包含非数值转成NaN
var box=false; box++;         //1,false转成数值是0,累加就是1
var box=2.3; box++;         //3.3,直接加1
var box={                         //1,不设置toString或valueOf即为NaN
toString:function() {
return 1;
}
}; box++;

4、加和减运算符

加运算规则如下:

var box=100; +box;         //100,对于数值,不会产生任何影响
var box='89'; +box;         //89,数值字符串转换成数值
var box='ab'; +box;         //NaN,字符串包含非数值转成NaN
var box=false; +box;         //0,布尔值转换成相应数值
var box=2.3; +box;         //2.3,没有变化
var box={                      //1,不设置toString或valueOf即为NaN
toString : function() {
return 1;
}
}; +box;
alert(+box);

减运算规则如下:

var box=100; -box;         //-100,对于数值,直接变负
var box='89'; -box;         //-89,数值字符串转换成数值
var box='ab'; -box;         //NaN,字符串包含非数值转成NaN
var box=false; -box;         //0,布尔值转换成相应数值
var box=2.3; -box;         //-2.3,没有变化
var box={                    //-1,不设置toString或valueOf即为NaN
toString:function() {
return 1;
}
}; -box;

加法和减法运算符一般用于算术运算,也可向上面进行类型转换。

三、算术运算符

ECMAScript定义了5个算术运算符,加减乘除求模(取余)。如果在算术运算的值不是数值,那么后台会先使用Number()转型函数将其转换为数值(隐式转换)。

1、加法

var box=1 + 2;         //等于3
var box=1 + NaN;         //NaN,只要有一个NaN就为NaN
var box=Infinity + Infinity;         //Infinity
var box=-Infinity + -Infinity;         //-Infinity
var box=Infinity + -Infinity;         //NaN,正无穷和负无穷相加等NaN
var box=100 + '100';         //100100,字符串连接符,有字符串就不是加法
var box='您的年龄是:' + 10 + 20;         //您的年龄是:1020,被转换成字符串
var box=10 + 20 + '是您的年龄';         //30是您的年龄,没有被转成字符串
var box='您的年龄是:' + (10 + 20);         //您的年龄是:30,没有被转成字符串
var box=10 + 对象         //10[object Object],如果有toString()或valueOf()则返回10+返回数的值

2、减法

var box=100 - 70;         //等于30
var box=-100 - 70         //等于-170
var box=-100 - -70         //-30,一般写成-100 - (-70)比较清晰
var box=1 - NaN;         //NaN,只要有一个NaN就为NaN
var box=Infinity - Infinity;         //NaN
var box=-Infinity - -Infinity;         //NaN
var box=Infinity - -Infinity;         //Infinity
var box=-Infinity - Infinity;         //-Infinity
var box=100 - true;         //99,true转成数值为1
var box=100 - '';         //100,''转成了0
var box=100 - '70';         //30,'70'转成了数值70
var box=100 - null;         //100,null转成了0
var box=100 - 'Lee';         //NaN,Lee转成了NaN
var box=100 - 对象         //NaN,如果有toString()或valueOf()则返回10-返回数的值

3、乘法

var box=100 * 70;         //7000
var box=100 * NaN;         //NaN,只要有一个NaN即为NaN
var box=Infinity * Infinity;         //Infinity
var box=-Infinity * Infinity ;         //-Infinity
var box=-Infinity * -Infinity ;         //Infinity
var box=100 * true;         //100,true转成数值为1
var box=100 * '';         //0,''转成了0
var box=100 * null;         //0,null转成了0
var box=100 * 'Lee';         //NaN,Lee转成了NaN
var box=100 * 对象         //NaN,如果有toString()或valueOf()则返回10 - 返回数的值

4、除法

var box=100 / 70;         //1.42....
var box=100 / NaN;         //NaN
var box=Infinity / Infinity;         //NaN
var box=-Infinity / Infinity ;         //NaN
var box=-Infinity / -Infinity;         //NaN
var box=100 / true;         //100,true转成1
var box=100 / '';         //Infinity,
var box=100 / null;         //Infinity,
var box=100 / 'Lee';         //NaN
var box=100 / 对象;         //NaN,如果有toString()或valueOf()则返回10 / 返回数的值

5、求模

var box=10 % 3;         //1,余数为1
var box=100 % NaN;         //NaN
var box=Infinity % Infinity;         //NaN
var box=-Infinity % Infinity ;         //NaN
var box=-Infinity % -Infinity;         //NaN
var box=100 % true;         //0
var box=100 % '';         //NaN
var box=100 % null;         //NaN
var box=100 % 'Lee';         //NaN
var box=100 % 对象;         //NaN,如果有toString()或valueOf()则返回10 % 返回数的值

本文由MAOLAI博客编辑整理发布,欢迎分享,转载请注明出处!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址