JavaScript——运算符_javascript的运算符-优快云博客

本文链接：https://blog.youkuaiyun.com/aliyun3/article/details/123335082

本文详细介绍了JavaScript中的各种运算符，包括表达式的概念、一元运算符（递增和递减）、算术运算符、关系运算符、逻辑运算符、位运算符和赋值运算符。特别讨论了运算符的优先级和不同场景下的行为，如在数值、字符串、布尔值和对象之间的比较规则，以及一元运算符的前置与后置差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.什么是表达式

表达式是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 //逻辑运算表达式

2.一元运算符

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

递增++和递减--

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;

减运算规则如下：

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;

3.算术运算符

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 % 返回数的值

4.关系运算符

用于进行比较的运算符称作为关系运算符：小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、相等(==)、不等(!=)、全等(恒等)(===)、不全等(不恒等)(!==)

和其他运算符一样，当关系运算符操作非数值时要遵循一下规则：

两个操作数都是数值，则数值比较；
两个操作数都是字符串，则比较两个字符串对应的字符编码值；
两个操作数有一个是数值，则将另一个转换为数值，再进行数值比较；4.
两个操作数有一个是对象，则先调用valueOf()方法或toString()方法，再用结果比较；

在相等和不等的比较上，如果操作数是非数值，则遵循一下规则：

一个操作数是布尔值，则比较之前将其转换为数值，false转成0，true转成1；
一个操作数是字符串，则比较之前将其转成为数值再比较；
一个操作数是对象，则先调用valueOf()或toString()方法后再和返回值比较；
不需要任何转换的情况下，null和undefined是相等的；
一个操作数是NaN，则==返回false，!=返回true；并且NaN和自身不等；
两个操作数都是对象，则比较他们是否是同一个对象，如果都指向同一个对象，则返回true，否则返回false。
在全等和全不等的判断上，比如值和类型都相等，才返回true，否则返回false。

特殊值对比表

表达式	值
null == undefined	true
'NaN' == NaN	false
5 == NaN	false
NaN == NaN	false
false == 0	true
true == 1	true
true == 2	false
undefined == 0	false
null == 0	false
'100' == 100	true
'100' === 100	false

5.逻辑运算符

逻辑运算符通常用于布尔值的操作，一般和关系运算符配合使用，有三个逻辑运算符：逻辑与(AND)、逻辑或(OR)、逻辑非(NOT)。

逻辑与(AND) ：&&

var box =  (5 > 4) && (4 > 3) //true，两边都为true，返回true

第一个操作数	第二个操作数	结果
true	true	true
true	false	false
false	true	false
false	false	false

如果两边的操作数有一个操作数不是布尔值的情况下，与运算就不一定返回布尔值，此时，遵循已下规则：

第一个操作数是对象，则返回第二个操作数；
第二个操作数是对象，则第一个操作数返回true，才返回第二个操作数，否则返回false;
有一个操作数是null，则返回null；
有一个操作数是undefined，则返回undefined。

2.逻辑或(OR)：||

var box =  (9 > 7) || (7 > 8);			//true，两边只要有一边是true，返回true

第一个操作数	第二个操作数	结果
true	true	true
true	false	true
false	true	true
false	false	false

如果两边的操作数有一个操作数不是布尔值的情况下，逻辑与运算就不一定返回布尔值，此时，遵循已下规则：

第一个操作数是对象，则返回第一个操作数；
第一个操作数的求值结果为false，则返回第二个操作数；
两个操作数都是对象，则返回第一个操作数；
两个操作数都是null，则返回null；
两个操作数都是NaN，则返回NaN；
两个操作数都是undefined，则返回undefined；

3.逻辑非(NOT)：!

逻辑非运算符可以用于任何值。无论这个值是什么数据类型，这个运算符都会返回一个布尔值。它的流程是：先将这个值转换成布尔值，然后取反，规则如下：

操作数是一个对象，返回false；
操作数是一个空字符串，返回true；
操作数是一个非空字符串，返回false；
操作数是数值0，返回true；
操作数是任意非0数值(包括Infinity)，false；
操作数是null，返回true；
操作数是NaN，返回true；
操作数是undefined，返回true；

**6.*位运算符**

位运算符有七种，分别是：位非NOT(~)、位与AND(&)、位或OR（|）、位异或XOR(^)、左移(<<)、有符号右移(>>)、无符号右移(>>>)。

7.赋值运算符

除了这种+=加/赋运算符，还有其他的几种如下：

乘/赋(*=)
除/赋(/=)
模/赋(%=)
加/赋(+=)
减/赋(-=)
左移/赋(<<=)
有符号右移/赋(>>=)
无符号有移/赋(>>>=)

8.运算符优先级

运算符	描述
. [] ()	对象成员存取、数组下标、函数调用等
++ -- ~ ! delete new typeof void	一元运算符
* / %	乘法、除法、去模
+ - +	加法、减法、字符串连接
<< >> >>>	移位
< <= > >= instanceof	关系比较、检测类实例
== != === !==	恒等(全等)
&	位与
^	位异或
\|	位或
&&	逻辑与
\|\|	逻辑或
?:	三元条件
= x=	赋值、运算赋值
,	多重赋值、数组元素