前端必知必会-JavaScript 赋值运算符


JavaScript 赋值运算符

赋值运算符将值赋给 JavaScript 变量。

运算符 示例 等价于
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

移位赋值运算符

运算符 示例 等价于
<<= x <<= y x = x << y
>>= x >>= y x = x >> y
>>>= x >>>= y x = x >>> y

按位赋值运算符

运算符 示例 相同
&= x &= y x = x & y
^= x ^= y x = x ^ y
|= x |= y x = x | y

逻辑赋值运算符

运算符 示例 等价于
&&= x &&= y x = x && (x = y)
||= x ||= y x = x || (x = y)
??= x ??= y x = x ?? (x = y)

注意
逻辑赋值运算符是 ES2020。

= 运算符

简单赋值运算符将值赋给变量。

简单赋值示例

let x = 10;
let x = 10 + y;

+= 运算符

加法赋值运算符将值添加到变量。

加法赋值示例

let x = 10;
x += 5;
let text = "Hello"; text += " World";

-= 运算符

减法赋值运算符从变量中减去一个值。

减法赋值示例

let x = 10;
x -= 5;

*= 运算符

乘法赋值运算符将变量相乘。

乘法赋值示例

let x = 10;
x *= 5;

**= 运算符

指数赋值运算符将变量乘以操作数的幂。

指数赋值示例

let x = 10;
x **= 5;

/= 运算符

除法赋值运算符将变量除以操作数。

除法赋值示例

let x = 10;
x /= 5;

%= 运算符

余数赋值运算符将余数赋给变量。

余数赋值示例

let x = 10;
x %= 5;

<<= 运算符

左移赋值运算符将变量左移。

左移赋值示例

let x = -100;
x <<= 5;

>>= 运算符

右移赋值运算符将变量右移(有符号)。

右移赋值示例

let x = -100;
x >>= 5;

>>>= 运算符

无符号右移赋值运算符将变量右移(无符号)。

无符号右移赋值示例

let x = -100;
x >>>= 5;

&= 运算符

按位与赋值运算符对两个操作数执行按位与运算,并将结果赋给变量。

按位与赋值示例

let x = 10;
x &= 5;

|= 运算符

按位或赋值运算符对两个操作数执行按位或运算,并将结果赋给变量。

按位或赋值示例

let x = 10;
x |= 5;

^= 运算符

按位异或赋值运算符对两个操作数执行按位异或运算,并将结果赋给变量。

按位异或赋值示例

let x = 10;
x ^= 5;

&&= 运算符

逻辑与赋值运算符用于两个值之间。

如果第一个值为真,则赋值第二个值。

逻辑与赋值示例

let x = 10;
x &&= 5;

&&= 运算符是 ES2020 功能。

||= 运算符

逻辑或赋值运算符用于两个值之间。

如果第一个值为假,则赋值第二个值。

逻辑或赋值示例

let x = 10;
x ||= 5;

||= 运算符是 ES2020 功能。

??= 运算符

空值合并赋值运算符用于两个值之间。

如果第一个值未定义或为空,则分配第二个值。

空值合并赋值示例

let x;
x ??= 5;

??= 运算符是 ES2020 功能。


总结

本文介绍了JavaScript 赋值运算符的使用,如有问题欢迎私信和评论

猜你喜欢

转载自blog.csdn.net/qq_24018193/article/details/143242918