JavaScript运算子

在JavaScript中，运算子用于执行各种算术、逻辑和比较运算。运算子可以让程序员对变量和值进行各种操作。

算术运算子

+ 加法运算符

加法运算符将两个操作数相加，并返回其总和。如果操作数是字符串，则将它们拼接起来。

var x = 5;
var y = 10;
var z = x + y; // z = 15

var a = 'Hello';
var b = 'World';
var c = a + ' ' + b; // c = 'Hello World'

- 减法运算符

减法运算符将第一个操作数减去第二个操作数，并返回结果。

var x = 10;
var y = 5;
var z = x - y; // z = 5

* 乘法运算符

乘法运算符将两个操作数相乘，并返回其积。

var x = 5;
var y = 10;
var z = x * y; // z = 50

/ 除法运算符

除法运算符将第一个操作数除以第二个操作数，并返回结果。

var x = 10;
var y = 2;
var z = x / y; // z = 5

% 取模运算符

取模运算符返回第一个操作数除以第二个操作数的余数。

var x = 10;
var y = 3;
var z = x % y; // z = 1

++ 自增运算符

自增运算符将操作数的值加1，并返回其新值。

var x = 5;
x++; // x = 6

-- 自减运算符

自减运算符将操作数的值减1，并返回其新值。

var x = 5;
x--; // x = 4

比较运算子

比较运算子用于比较两个值，并返回布尔值（true或false）。

== 等于运算符

等于运算符比较两个操作数是否相等。

var x = 5;
var y = '5';
var z = x == y; // z = true

=== 全等于运算符

全等于运算符比较两个操作符是否值相等且类型相同。

var x = 5;
var y = '5';
var z = x === y; // z = false

!= 不等于运算符

不等于运算符比较两个操作数是否不等。

var x = 5;
var y = 10;
var z = x != y; // z = true

!== 不全等于运算符

不全等于运算符比较两个操作数是否值不相等或类型不相同。

var x = 5;
var y = '5';
var z = x !== y; // z = true

> 大于运算符

大于运算符比较第一个操作数是否大于第二个操作数。

var x = 10;
var y = 5;
var z = x > y; // z = true

< 小于运算符

小于运算符比较第一个操作数是否小于第二个操作数。

var x = 5;
var y = 10;
var z = x < y; // z = true

>= 大于等于运算符

大于等于运算符比较第一个操作数是否大于或等于第二个操作数。

var x = 10;
var y = 5;
var z = x >= y; // z = true

<= 小于等于运算符

小于等于运算符比较第一个操作数是否小于或等于第二个操作数。

var x = 5;
var y = 10;
var z = x <= y; // z = true

逻辑运算子

逻辑运算子用于执行与、或和非操作，并返回布尔值。

&& 与运算符

与运算符执行逻辑与操作，并返回布尔值true或false。如果两个操作数都为true，则返回true，否则返回false。

var x = 5;
var y = 10;
var z = (x < y) && (y < 20); // z = true

|| 或运算符

或运算符执行逻辑或操作，并返回布尔值true或false。如果一个操作数为true，则返回true，否则返回false。

var x = 5;
var y = 10;
var z = (x < y) || (y > 20); // z = true

! 非运算符

非运算符执行逻辑非操作，并返回相反的布尔值。如果操作数为true，则返回false，否则返回true。

var x = 5;
var y = 10;
var z = !(x > y); // z = true

赋值运算子

赋值运算子用于将值分配给变量。

= 赋值运算符

赋值运算符将右侧表达式的值赋给左侧的变量。

var x = 5;
var y = 10;
x = y; // x = 10

+= 加等于运算符

加等于运算符将右侧表达式的值加到左侧的变量中，并将结果分配给该变量。

var x = 5;
var y = 10;
x += y; // x = 15

-= 减等于运算符

减等于运算符将右侧表达式的值从左侧的变量中减去，并将结果分配给该变量。

var x = 10;
var y = 5;
x -= y; // x = 5

*= 乘等于运算符

乘等于运算符将右侧表达式的值乘到左侧的变量中，并将结果分配给该变量。

var x = 5;
var y = 10;
x *= y; // x = 50

/= 除等于运算符

除等于运算符将左侧的变量值除以右侧表达式的值，并将结果分配给该变量。

var x = 10;
var y = 2;
x /= y; // x = 5

%= 取模等于运算符

取模等于运算符将左侧的变量值取模右侧表达式的值，并将结果分配给该变量。

var x = 10;
var y = 3;
x %= y; // x = 1

位运算子

位运算子用于在位级别上操作数的二进制表示。

& 按位与运算符

按位与运算符执行逻辑与操作，并返回结果。

var x = 5;            // 二进制表示为101
var y = 3;            // 二进制表示为011
var z = x & y;        // 二进制表示为001，即1

| 按位或运算符

按位或运算符执行逻辑或操作，并返回结果。

var x = 5;            // 二进制表示为101
var y = 3;            // 二进制表示为011
var z = x | y;        // 二进制表示为111，即7

^ 按位异或运算符

按位异或运算符执行逻辑异或操作，并返回结果。

var x = 5;            // 二进制表示为101
var y = 3;            // 二进制表示为011
var z = x ^ y;        // 二进制表示为110，即6

~ 按位非运算符

按位非运算符执行一元操作符，并返回操作数的补码。

var x = 5;            // 二进制表示为101
var z = ~x;           // 二进制表示为-110，即-6

<< 左移运算符

左移运算符将二进制表示的操作数左移指定的位数，并返回结果。

var x = 5;            // 二进制表示为101
var z = x << 2;       // 二进制表示为10100，即20

>> 右移运算符

右移运算符将二进制表示的操作数右移指定的位数，并返回结果。

var x = 20;           // 二进制表示为10100
var z = x >> 2;       // 二进制表示为00101，即5

三元运算子

三元运算子是一种简单的条件运算符，它只包含一个问题和两个可能的答案。

var age = 18;
var status = (age < 18) ? '未成年' : '成年';

以上代码将根据age的值设置status变量。如果age小于18岁，则status将设置为'未成年'，否则将设置为'成年'。

总结

JavaScript中的运算子用于执行各种算术、逻辑、比较、位和赋值运算。运算子可以让程序员对变量和值进行各种操作。在进行运算时，需要注意操作数的类型和值，以避免不必要的错误。