JavaScript 中的加法赋值或 += 运算符

  2. 贴士文章
  3. JavaScript 贴士
  4. JavaScript 中的加法赋值或 += 运算符
Muhammad Muzammil Hussain 2023年1月30日 2022年5月1日
JavaScript JavaScript Operators
  1. JavaScript 中的 += 是什么
  2. 使用 -= 作为减法赋值运算符
  3. 使用 *= 作为乘法赋值运算符
  4. 使用/= 作为除法分配运算符
  5. 使用 %= 作为余数/模赋值运算符
JavaScript 中的加法赋值或 += 运算符

本文将向你介绍 JavaScript 的加法赋值运算符。让我们看看它是如何工作的并阅读其他赋值运算符。

JavaScript 中的 += 是什么

+= 是 JavaScript 中的加法赋值运算符。它将两个值相加，并将结果分配给单个 JavaScript 语句中的变量。

语法：

x += y; means x = x + y;
a += b; means a = a + b;

加法赋值运算符（加法或连接）的行为取决于两个操作数的类型，如以下示例中所述。

<html>
    <head>
        <title>
            JavaScript addition assignment operator
        </title>
    </head>
    <body>
        <h3> <u> JavaScript addition assignment operator </u></h3>
    <body>
        <script>
            var a = 3;
            var b = "Delft"
            document.write(a += 5); // Addition
            document.write("<br>");
            document.write("<br>");
            document.write(b += "Stack"); // Concatenation
        </script>
</html>

输出：

JavaScript addition assignment operator
8
DelftStack

JavaScript 加法赋值运算符示例：

<html>
    <head>
        <title>
            JavaScript addition assignment operator
        </title>
    </head>
    <body>
        <h3> <u> JavaScript addition assignment operator in different scenarios </u></h3>
    <body>
    <script>
        var  ds = 'DelftStack';
        var n = 4;
        var  b = true;

        // adding number with number results in addition
        document.write(n += 5);  // 9
        document.write("<br>");

        // adding Boolean with Number results in addition
        document.write(b += 1); // 2
        document.write("<br>");

        // adding Boolean with Boolean results in addition
        document.write(b += false); // 2
        document.write("<br>");

        // adding Number with String results in concatenation
        document.write(n += 'Cybexo') // "9Cybexo"
        document.write("<br>");

        // adding String with Boolean results in concatenation
        document.write(ds += false) // "DelftStackfalse"
        document.write("<br>");

        // adding String with String results in concatenation
        document.write(ds += ' Technology') // "DelftStack Technology"
    </script>
</html>

输出：

JavaScript addition assignment operator in different scenarios
9
2
2
9Cybexo
DelftStackfalse
DelftStackfalse Technology

同样，在 JavaScript 中，我们也有：

  • 减法赋值运算符 -=
  • 乘法赋值运算符*=
  • 除法赋值运算符/=
  • 模赋值运算符%=

使用 -= 作为减法赋值运算符

减法赋值运算符用于从变量值中减去右操作数编号值，然后将结果赋给变量。

语法：

x -= y; means x = x - y;
a -= b; means a = a - b;

使用 *= 作为乘法赋值运算符

乘法赋值运算符将变量乘以右操作数的值，然后在单个语句中将结果赋给变量。

语法：

x *= y; means x = x * y;
a *= b; means a = a * b;

使用/= 作为除法分配运算符

它将变量除以正确的操作数编号，并在单个 JavaScript 语句中将结果分配给变量。

语法：

x /= y; means x = x / y;
a /= b; means a = a / b;

使用 %= 作为余数/模赋值运算符

余数/模赋值运算符将变量除以右操作数的值，然后在单个 JavaScript 语句中将余数分配给变量。

语法：

x %= y means x = x % y
a %= b means a = a % b