JavaScript 赋值运算符-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 赋值运算符

赋值运算符是编程中非常基础且重要的概念。它们用于给变量赋予新的值。JavaScript 提供了多种赋值运算符，使得开发者可以根据不同的需求灵活地操作数据。

基础赋值运算符 (=)

基础赋值运算符是最常用的赋值运算符，用于将右侧的值赋给左侧的变量。

let x = 5; // 将5赋值给变量x
console.log(x); // 输出：5

复合赋值运算符结合了基本算术运算符和赋值运算符的功能，使代码更简洁。

加法赋值运算符将右侧的值与左侧变量的当前值相加，然后将结果赋给左侧变量。

let y = 10;
y += 5; // 等同于 y = y + 5
console.log(y); // 输出：15

减法赋值运算符将左侧变量的当前值减去右侧的值，然后将结果赋给左侧变量。

let z = 15;
z -= 5; // 等同于 z = z - 5
console.log(z); // 输出：10

乘法赋值运算符将左侧变量的当前值乘以右侧的值，然后将结果赋给左侧变量。

let a = 3;
a *= 4; // 等同于 a = a * 4
console.log(a); // 输出：12

除法赋值运算符将左侧变量的当前值除以右侧的值，然后将结果赋给左侧变量。

let b = 20;
b /= 5; // 等同于 b = b / 5
console.log(b); // 输出：4

取余赋值运算符计算左侧变量的当前值除以右侧的值后的余数，并将结果赋给左侧变量。

let c = 9;
c %= 4; // 等同于 c = c % 4
console.log(c); // 输出：1

按位赋值运算符用于对数字的二进制表示进行按位运算，并将结果赋给左侧变量。

按位与赋值运算符执行按位与操作，并将结果赋给左侧变量。

let d = 5; // 二进制为 101
d &= 3; // 二进制为 011
console.log(d); // 输出：1

按位或赋值运算符执行按位或操作，并将结果赋给左侧变量。

let e = 5; // 二进制为 101
e |= 3; // 二进制为 111
console.log(e); // 输出：7

按位异或赋值运算符执行按位异或操作，并将结果赋给左侧变量。

let f = 5; // 二进制为 101
f ^= 3; // 二进制为 010
console.log(f); // 输出：2

左移赋值运算符将左侧变量的二进制表示向左移动指定的位数，并将结果赋给左侧变量。

let g = 5; // 二进制为 101
g <<= 1; // 向左移动一位
console.log(g); // 输出：10

右移赋值运算符将左侧变量的二进制表示向右移动指定的位数，并将结果赋给左侧变量。

let h = 8; // 二进制为 1000
h >>= 1; // 向右移动一位
console.log(h); // 输出：4

无符号右移赋值运算符将左侧变量的二进制表示无符号向右移动指定的位数，并将结果赋给左侧变量。

let i = -8; // 二进制补码表示为 11111111111111111111111111111000
i >>>= 1; // 向右移动一位
console.log(i); // 输出：536870910

解构赋值是一种从数组或对象提取数据并赋值给新变量的方法。

const arr = [1, 2, 3];
const [a1, a2, a3] = arr;
console.log(a1); // 输出：1
console.log(a2); // 输出：2
console.log(a3); // 输出：3

const obj = { name: 'Alice', age: 25 };
const { name, age } = obj;
console.log(name); // 输出：Alice
console.log(age); // 输出：25

在解构赋值时，可以设置默认值以防止未定义的情况。

const { name = 'Guest', age = 18 } = {};
console.log(name); // 输出：Guest
console.log(age); // 输出：18

通过以上内容，我们可以看到 JavaScript 中的赋值运算符不仅种类多样，而且功能强大。掌握这些运算符的使用，能够帮助我们写出更加简洁高效的代码。

纠错
反馈