运算符 - 赋值运算符 - 基本赋值与复合赋值

前端 - Javascript 《运算符 - 赋值运算符 - 基本赋值与复合赋值》

在 JavaScript 的世界里，赋值运算符就像是勤劳的快递员，负责把数据准确无误地送到变量这个“收件箱”中。今天我们就来深入了解一下基本赋值和复合赋值这两种常见的赋值运算符。

基本赋值运算符

基本赋值运算符用等号（=）表示，它的作用非常直接，就是将右侧的值赋给左侧的变量。就好像你把一个包裹（值）放进一个特定的箱子（变量）里。

示例代码

// 定义一个变量 num，并将值 10 赋给它
let num = 10;
console.log(num); // 输出 10
// 可以将一个变量的值赋给另一个变量
let anotherNum = num;
console.log(anotherNum); // 输出 10
// 还可以将表达式的结果赋给变量
let result = 2 + 3;
console.log(result); // 输出 5

在上述代码中，我们使用基本赋值运算符将不同的值赋给了变量。第一个例子是将一个具体的数字 10 赋给变量 num；第二个例子是把 num 的值赋给 anotherNum；第三个例子是将表达式 2 + 3 的结果赋给 result。

复合赋值运算符

复合赋值运算符是基本赋值运算符和其他运算符的组合，它可以让代码更加简洁。常见的复合赋值运算符有 +=、-=、*=、/=、%= 等。

加法复合赋值运算符（+=）

let count = 5;
count += 3; // 相当于 count = count + 3;
console.log(count); // 输出 8

这里的 count += 3 实际上就是 count = count + 3 的简写形式，先计算 count + 3 的值，再将结果赋给 count。

减法复合赋值运算符（-=）

let balance = 20;
balance -= 5; // 相当于 balance = balance - 5;
console.log(balance); // 输出 15

同理，balance -= 5 就是 balance = balance - 5，先做减法运算，再赋值。

乘法复合赋值运算符（*=）

let price = 4;
price *= 2; // 相当于 price = price * 2;
console.log(price); // 输出 8

price *= 2 等同于 price = price * 2，先进行乘法运算，再更新 price 的值。

除法复合赋值运算符（/=）

let total = 12;
total /= 3; // 相当于 total = total / 3;
console.log(total); // 输出 4

total /= 3 就是 total = total / 3，做除法运算后赋值。

取模复合赋值运算符（%=）

let number = 10;
number %= 3; // 相当于 number = number % 3;
console.log(number); // 输出 1

number %= 3 等同于 number = number % 3，计算取模结果后赋值。

总结表格

通过基本赋值运算符和复合赋值运算符，我们可以方便地管理变量的值，让代码更加简洁高效。就像快递员熟练地分配包裹一样，我们也能熟练地使用赋值运算符来操作数据啦！