JavaScript操作符

JavaScript操作符

操作符用于数据值，操作符包括算术操作符（如加号和减号）、位操作符、关系操作符和相等操作符等。JavaScript的操作符适用于很多值，例如字符串、数字值、布尔值，甚至对象。在应用于对象时，相应的操作符会调用对象的valueOf()和（或）toString()方法，来取得可以操作的值。

一、一元操作符

只能操作一个值的操作符叫一元操作符

1.递增和递减操作符

1. 前置型：++(--)值先递增(递减)，后执行语句；
2. 后置型：值++(--)先使用值执行语句，后递增(递减)
3. 这四个操作符对任何值都适用，不仅适用与整数，还可用于字符串、布尔值、浮点数值和对象
4. 应用于不同的值时，遵循下列规则
   • 在应用于一个包含有效数字的字符串时，先将其转化为数字值，在执行加减1的操作
   • 在应用一个不包含有效数字的字符串时，将变量的值设为NaN
   • 在应用于布尔值时，先将其转换为数值变量，再执行j加减1的操作
   • 在应用于浮点数值时，执行加减1的操作
   • 在应用于对象时，先调用对象的valueOf()方法来取得一个可供操作的值，然后在对该值调用前述规则。如果结果是NaN，则在调用toString()方法后再应用前述规则。

var s1="2";
var s2="z";
var b=false;
var f=1.1;
var o={
	valueOf:function(){
		return -1;
	}
};

s1++;//3
s2++;//NaN
b++;//1
f--;//0.10000000000000009(由于浮点舍入错误所致)
o--;//-2

2.一元加和减操作符

一元加和减操作符主要用于基本的算术运算，也可以用于转换数据类型

1. 一元加操作符以一个加号(+)表示，放在数值前面
   • 应用于数值时，对数值不会产生任何影响
   • 在对非数值应用一元加操作符时，该操作符会像Number()转型函数一样对这个值执行转换
   • 布尔值会转换成0和1，字符串值会按照一组特殊的规则进行解析，而对象是先调用它们的valueOf()和(或)toString()方法，在转换得到的值。
2. 一元减操作符(-)主要用于表示负数
   • 应用与数值时，表示负数
   • 应用于非数值时，一元减操作符与一元加操作符相同的规则，最后在将得到的数值转换为负数

var s1="01";
var s2="1.1";
var s3="z";
var b=false;
var f=1.1;
var 0={
	valueOf:function(){
		return -1;
	}
};

s1=-s1;//-1
s2=-s2;//-1.1
s3=-s3;//NaN
b=-b;//0
f=-f;//-1.1
0=-0;//1

二、位操作符

1. 相关概念

1. 位操作符用于最基本的层次上，即按内存中表示数值的位来操作数值。
2. JavaScript中所有的数值都以64位格式储存，但位操作符并不直接操作64位的值。而是现将64位的值转换成32位的整数，然后执行操作，最后将结果转回64位
3. 对于有符号的整数，32位中的前31位用于表示吧整数的值。第32位用于表示数值的符号：0表示正数，1表示负数。这个表示符号的位叫做符号位，符号位的值决定了其他位数值的格式
4. 正数以纯二进制格式储存，31位中的每一位都表示2的幂。没有用到的位以0填充，即忽略不计
5. 负数同样以二进制码存储，但使用的格式是二进制补码
6. 计算一个数的二进制补码的步骤：
   • 求这个数值绝对值的二进制补码
   • 求二进制反码，0和1互换
   • 得到的二进制反码加1
7. 在对特殊的NaN和Infinity值应用位操作时，这两个值都会被当成0来处理
8. 如果对非数值应用位操作符，会先使用Number()函数将该值转换为一个数值（自动完成）,然后在应用位操作

//求得-18的二进制码
//1.首先求得18的二进制码
0000 0000 0000 0000 0000 0000 0001 0010
//2.求其二进制反码，即0和1互换
1111 1111 1111 1111 1111 1111 1110 1101
//3.二进制反码加1
1111 1111 1111 1111 1111 1111 1110 1110
//注意：在处理有符号整数时，是不能访问位31的
//JavaScript会尽力地隐藏信息。在以二进制字符串形式输出一个负数时，能看到的是在这个负数绝对值的二进制码前面加上了一个符号

2.分类

1. 按位非(NOT)
   • 按位操作符（~）,执行按位非的结果就是返回数值的反码
   • 按位非操作的本质：操作数的负值减1
2. 按位与(AND)
   • 按位与操作符(&),它有两个操作数
   • 按位与操作只有在两个数值的对应位都是1时才返回1，任何一位是0，结果都是0
3. 按位或(OR)
   • 按位或操作符(|),它有两个操作数
   • 按位或操作在有一位是1的情况下就返回1，而只有在两个位都是0的情况下才返回0
4. 按位异或(XOR)
   • 按位异或符(^),它有两个操作数
   • 两个数值对应位值不同，则返回1；否则返回0
5. 左移
   • 左移操作符（<<）,这个操作符会将数值的所有位向左移动指定的位数
   • 左移操作后，会以0来填充右侧的空位
   • 左移不会影响操作数的符号位
6. 有符号的右移
   • 有符号的右移操作符（>>）,这个操作符会将数值向右移动，但保留符号位
   • 有符号的右移操作与左移操作正好相反
   • 向右移位后，将出现在原数值的左侧、符号位的右侧的空位，用符号为的值来填充
7. 无符号右移
   • 无符号右移操作（>>>）,这个操作符会将数值的32位都向右移动
   • 对正数来说，无符号右移的结果与有符号右移相同
   • 对负数来说
     • 无符号右移是0来填充空位，而不是向有符号右移那样以符号位的值来填充空位
     • 对正数的无符号右移与有符号右移结果相同，但对负数的结果就不一样了
     • 无符号右移操作符会把负数的二进制码当成正数的二进制码
     • 由于负数以其绝对值的二进制补码来表示，因此会导致无符号右移后的结果非常大

//1.按位非（~）
var num1=25;//二进制0000 0000 0000 0000 0000 0000 0001 1001
var num2=~num1;//二进制1111 1111 1111 1111 1111 1111 1110 0110
alert(num2);//-26

var num1=25;
var num2=-num1-1;
alert(num2);//"-26"

//2.按位与(&)
var result=25&3;
alert(result);//1
 25=0000 0000 0000 0000 0000 0000 0001 1001 
  3=0000 0000 0000 0000 0000 0000 0000 0011
 OR=0000 0000 0000 0000 0000 0000 0000 0001

//3.按位或（|）
var result=25|3;
alert(result);//27
 25=0000 0000 0000 0000 0000 0000 0001 1001 
  3=0000 0000 0000 0000 0000 0000 0000 0011
 OR=0000 0000 0000 0000 0000 0000 0001 1011

//4.按位异或（^）
var result=25^3;
alert(result);//26
 25=0000 0000 0000 0000 0000 0000 0001 1001 
  3=0000 0000 0000 0000 0000 0000 0000 0011
XOR=0000 0000 0000 0000 0000 0000 0001 1010

//5.左移（<<）
var oldValue=2;//等于二进制的10
var newValue=oldValue<<5;//等于二进制的1000000，十进制的64

//6.有符号的右移（>>）
var oldValue=64;//等于二进制的1000000
var newValue=oldValue>>5;//等于二进制的10

//7.无符号右移（>>>）
//(1)正数
var oldValue=64;//等于二进制的1000000
var newValue=oldValue>>>5;//等于二进制的10
//(2)负数
var oldValue=-64;//二进制1111 1111 1111 1111 1111 1111 1100 0000
var newValue=oldValue>>>5;//等于十进制134217726

三、布尔操作符

在一门编程语言中，布尔操作符非重要，有了它，流控制语句、循环语句才有作用

1.逻辑非（！)

1. 逻辑非（！）可以应用于JavaScript中的任何值。无论这个值是什么类型，都将会返回一个布尔值
2. 逻辑非操作符会先将它的操作数转换为一个布尔值，然后在对其求反
3. 遵循下列规则
   • 操作数是一个对象，则返回false
   • 操作数是一个空字符串，返回true
   • 操作符是一个非空字符串，返回flase
   • 操作数是数值0，返回true
   • 操作数是任意非0数值（包括Infinity），返回false
   • 操作数是null，返回true
   • 操作数是NaN，返回true
   • 操作数是undefined，返回true
4. 同时使用两个逻辑非操作符，实际上就会模拟Boolean()转型函数的行为。其中，第一个逻辑非操作会基于无论什么操作数返回一个布尔值，而第二个逻辑非操作则会对该布尔值取反，于是得到了这个值真正对应的布尔值。最终结果与对这个值使用Boolean()函数相同

alert(!false);//true
alert(!"blue");//false
alert(!0);//true
alert(!NaN);//true
alert(!"");//true
alert(!12345);//false

alert(!!"blue");//true
alert(!!0);//false
alert(!!NaN);//false
alert(!!"");//false
alert(!!12345);//true

2.逻辑与(&&)

1. 逻辑与操作符（&&）,它有两个操作数
2. 逻辑与操作可以应用于任何类型的操作数，而不仅仅是布尔值
3. 在有一个操作数不是布尔值的情况下。逻辑与操作就不一定返回布尔值
4. 遵循下列规则
   • 如果第一个操作数是对象，则返回第二个操作数
   • 如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象
   • 如果两个操作数都是对象，则返回第二个操作数
   • 如果第一个操作数是null，则返回null
   • 如果第一个操作数是NaN，则返回NaN
   • 如果第一个操作数是undefined，则返回undefined
5. 逻辑与操作属于短路操作。即第一个操作数能决定结果，那就不会在对第二个操作数求值
6. 对于逻辑与操作而言，如果第一个操作数是false，则不会继续对第二个操作数求值
7. 不能在逻辑与操作中使用未定义的值

var found=true;
var result=(found&&someUndefinedVar);//发生错误
alert(result);//这一行不会执行

var found=false;
var result=(found&&someUndefinedVar);
alert(result);//false
//第一个操作数的值是false，不会再对第二个操作数求值。所以即使someUndefinedVar没有定义，警告框也会显示出来

3.逻辑或(||)

1. 逻辑或操作符（||），它有两个操作数
2. 两个操作数都为false，返回false；否则返回true
3. 遵循下列规则
   • 如果第一个操作数是对象，则返回第一个操作对象
   • 如果第一个操作数的求值结果是false，则返回第二个操作数
   • 如果两个操作数都是对象，则返回第一个操作数
   • 如果两个操作数都是null，则返回null
   • 如果两个数都是NaN，则返回NaN
   • 如果两个数都是undefined，则返回undefined
4. 与逻辑与操作相似，逻辑或操作符也是短路操作符 。如果第一个操作数的求值结果是true，就不会对第二个操作数求值
5. 可以利用逻辑或来避免为变量赋值null或undefined值

var found=true;
var result=(found||someUndefinedVar);//不会发生错误
alert(result);//true
//变量found值是true，不会对someUndefinedVar进行求值

var myObject=preObject||backObject;
//如果preObject的值不是空，则将preObject的值赋给myObject；如果是空，则将backObject的值赋给myObject

四、乘性操作符

在操作数为非数值时，会执行自动的类型转换.如果参与乘性计算的某个操作数不是数值，后台会先使用Number()转型函数将其转化为数值。即空字符串被当做0，布尔值true被当做为1

1.乘法(*)

1. 乘法操作符（*），用于计算两个数值的乘积
2. 在处理特殊值时，遵循下列规则
   • 如果操作数都是数值，执行常规的乘法计算。如果乘积超过了JavaScript数值的表示范围，则返回Infinity或-Infinity
   • 如果一个操作数是NaN，则结果是NaN
   • 如果Infinity与0相乘，则结果是NaN
   • 如果Infinity与非0数值相乘，则结果是Infinity或-Infinity，取决于有符号操作数的符号
   • 如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后再应用上面的规则

var result=34*56;

2.除法(/)

1. 除法操作符（/）,执行第二个操作数除以第一个操作数的计算
2. 在处理特殊值时，遵循下列规则
   • 如果操作数都是数值，执行常规的除法计算。如果商超过了JavaScript数值的表示范围，则返回Infinity或-Infinity
   • 如果一个操作数是NaN，则结果是NaN
   • 如果是Infinity被Infinity除，则结果是NaN
   • 如果是零被零除，则结果是NaN
   • 如果是非零的有限数被零除，则结果是Infinity或-Infinity，取决于有符号操作数的符号
   • 如果是Infinity被任何非零数值除，则结果是Infinity或-Infinity，取决于有符号操作数的符号
   • 如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后应用上面的规则

var result=66/11;

3.求模(%)

1. 求模（余数）操作符（%）
2. 在处理特殊值时，遵循下列规则
   • 如果操作数都是数值，执行常规的除法计算，返回除得的余数
   • 如果被除数是无穷大值而除数是有限大的数值，则结果是NaN
   • 如果被除数是有限大的数值而除数是零，则结果是NaN
   • 如果是Infinity被Infinity除，则结果是NaN
   • 如果被除数是有限大的数值而除数是无穷大的数值，则结果是被除数
   • 如果被除数是零，则结果是零
   • 如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后再应用上面的规则

var result=26%5;//1

五、加性操作符

与乘性操作符类似，加性操作符也会在后台转换不同的数据类型。对于加性操作符来说，相应的转化规则还有些复杂

1.加法(+)

1. 如果两个操作符都是数值，则执行常规的加法计算
2. 遵循下列规则
   • 如果有一个操作数是NaN，则结果是NaN
   • 如果是Infinity加Infinity，则结果是Infinity
   • 如果是-Infinity加-Infinity，则结果是-Infinity
   • 如果是Infinity加-Infinity，则结果是NaN
   • 如果是+0加+0，则结果是+0
   • 如果是-0加-0，则结果是-0
   • 如果是+0加-0，则结果是+0
   • 如果两个操作数都是字符串，则将第二个操作数与第一个操作数拼接起来
   • 如果只有一个操作数是字符串，则将另一个操作数转换为字符串，然后再将两个字符串拼接起来
   • 如果一个操作数是对象、数值或布尔值，则调用它们的toString()方法取得相应的字符串值，然后再应用前面关于字符串的规则。对于undefined和null，则分别调用String()函数并取得字符串"undefined"和"null"

var result1=5+5;//两个数值相加
alert(result1);//10
var result2=5+"5";//一个数值和一个字符串相加
alert(result2);//"55"

var num1=5;
var num2=10;
var message="The sum of 5 and 10 is "+num1+num2;
alert(message);//"The sum of 5 and 10 is 510"

var num1=5;
var num2=10;
var message="The sum of 5 and 10 is "+(num1+num2);
alert(message);//"The sum of 5 and 10 is 15"
//一对圆括号把两个数值变量括在一起，这样就会告诉解析器先计算其结果，然后再将结果与字符串拼接起来

2.减法(-)

1. 遵循下列规则
   • 如果两个操作数都是数值，则执行常规的算术减法操作并返回结果
   • 如果一个操作数是NaN,则结果是NaN
   • 如果是Infinity减Infinity，则结果是NaN
   • 如果是-Infinity减-Infinity，则结果是NaN
   • 如果是Infinity减-Infinity，则结果是Infinity
   • 如果是-Infinity减Infinity，则结果是-Infinity
   • 如果是+0减+0，则结果是+0
   • 如果是-0减+0，则结果是-0
   • 如果是-0减-0，则结果是+0
   • 如果有一个操作数是字符串、布尔值、null或undefined，则先在后台调用Number()函数将其转换为数值，然后再根据前面的规则执行减法计算。如果转换的结果是NaN，则减法的结果就是NaN
   • 如果有一个操作数是对象，则调用对象的valueOf()方法以取得表示该对象 的数值。如果得到的值是NaN，则减法的结果就是NaN。如果对象没有valueOf()方法，则调用其toString()方法并将得到的字符串转换为数值

var result1=5-true;//4
var result2=NaN-1;//NaN
var result3=5-3;//2
var result4=5-"";//5
var result=5-"2";//3
var result=5-null;//5

六、关系操作符

1.相关概念

1. 小于（<）、大于（>）、小于等于（<=）和大于等于（>=）这几个关系操作符用于对两个值进行比较。这几个操作符都返回一个布尔值
2. 操作非数值时，遵循下列规则
   • 如果这两个操作数都是数值，则执行数值比较
   • 如果两个操作数都是字符串，则比较两个字符串对应的字符编码值
   • 如果一个操作数是数值，则将另一个操作数转换为一个数值，然后执行数值比较
   • 如果一个操作数是对象，则调用这个对象的valueOf()方法，并用得到的结果根据前面的规则执行比较
   • 如果一个操作数是布尔值，则先将其转换为数值，然后再执行比较

var result="Brick"<"alphabet";//true
//字母B的字符编码为66，二字母a的字符编码为97

var result="23"<"3";//true
//两个操作数都是字符串，而字符串比较的是字符编码（"2"的字符编码是50，而"3"的字符编码是51）

var result="23"<3;//false
//在比较字符串和数值时，字符串都会被转换为数值，然后再以数值的形式与另一个数值进行比较

var result="a"<3;//false
//由于字母a不能转换为合理的数值，因此被转换成了NaN

var result1=NaN<3;//false
var result2=NaN>=3;//false
//按照常理，如果一个值不小于另一个值，则一定是大于或等于另一个值。在与NaN比较时，都返回了false

七、相等操作符

1.相等和不相等(==)

1. 相等操作符（==），如果两个操作数相等，则返回true
2. 不相等操作符（!=），如果两个操作数不相等，则返回true
3. 这两个操作符都会先转换操作数（强制转型），然后再比较它们的相等性
4. 转换不同经数据类型时，遵循下列规则
   • 如果一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换 为0，true转换为1
   • 如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值
   • 如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较
5. 这两个操作符进行比较时，遵循下列规则
   • null和undefined是相等的
   • 要比较相等性之前，不能将null和undefined转换成其它任何值
   • 如果一个操作数是NaN，则相等操作符返回false，而不相等操作符返回true（即使两个操作数都是NaN，相等操作符返回false,因为按照规则，NaN不等于NaN）
   • 如果两个操作数都是对象，则比较它们是不是同一个对象。如果两个操作数都指向同一个对象，则相等操作符返回true；否则，返回false

表达式	值	表达式	值
null==undefined	true	true==1	true
"NaN"==NaN	false	true==2	false
5==NaN	false	undefined==0	false
NaN==NaN	false	null==0	false
NaN!=NaN	true	"5"==5	true
false==0	true

2.全等和不全等(===)

1. 比较不转换操作数，全等和不全等操作符相同
2. 全等操作符（===），只在两个操作数未经转换就相等的情况下返回true
3. 不全等操作符（！==），在两个操作数未经转换就不相等的情况下返回true
4. null==undeifned会返回true，因为它们是类似的值；但null===undefined会返回false，因为它们是不同类型的值

var result1=("55"==55);//true,转换后相等
var result2=("55"===55);//false,不转换，字符串不等于数值

var result1=("55"!=55);//false,转换后相等
var result2=("55"!==55);//true,不转换，字符串不等于数值

八、条件操作符

1.相关概念

1. 条件操作符非常灵活，即 三元运算符
2. 表达式？true:false;

var max=(num1>num2)?num1:num2;
//如果num1>num2(关系表达式返回true),则将num1的值赋给max；如果num1小于或等于num2（关系表达式返回false），则将num2的值赋给max

九、赋值操作符

1.相关概念

1. 赋值操作符（=），将右侧的值赋给左侧的变量
2. 在（=）前面在添加乘性操作符、加性操作符或位操作符，就可以完成复核赋值操作
3. 复合赋值操作符
   • 乘（*）赋值：*=
   • 除（/）赋值：/=
   • 模（%）赋值：%=
   • 加（+）赋值：+=
   • 减（-）赋值：-=
   • 左移（<<）:<<=
   • 有符号右移（>>）赋值：>>=
   • 无符号右移（>>>）赋值：>>>=
4. 复合操作符主要目的是简化赋值运算，使用它们不会有任何性能的提升

十、逗号操作符

1.相关概念

1. 使用逗号操作符(,)可以在一条语句中执行多个操作
2. 逗号操作符多用于声明多个变量
3. 在用于赋值时，逗号操作符总会返回表达式中的最后一项

var num=(5,1,4,8,0);//num的值为0
//由于0是表达式中的最后一项，因此num的值就是0

源于整理《JavaScript高级程序设计》