JavaScript赋值运算符

JavaScript赋值运算符教程

在 JavaScript 中，赋值运算符是对已存在的变量进行重新设置新值的运算符。

JavaScript赋值运算符语法

十进制运算

运算符	说明	范例	结果
=	将一个表达式的值赋给另一个	C = A + B	C = A + B
+=	相加后再赋值	C += A	C = C + A
-=	相减后再赋值	C -= A	C = C - A
*=	相乘后再赋值	C *= A	C = C * A
/=	相除后再赋值	C /= A	C = C / A
%=	求余后再赋值	C %= A	C = C % A

二进制运算

运算符	说明	范例	结果
<<=	左移后赋值	C <<= 2	C = C << 2
>>=	右移后赋值	C >>= 2	C = C >> 2
&=	按位与后赋值	C &= 2	C = C & 2
^=	按位异或后赋值	C ^= 2	C = C ^ 2
\|=	按位或后赋值	C \|= 2	C = C \| 2

案例

加减乘赋值

使用 JavaScript 赋值运算符，实现加减乘赋值

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript赋值运算符</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 100;
            var b = 200;
           var c = a + b;
           a += 10;
           b -= 100;
           c *= 10;
           console.log("a =", a, "b =", b, "c =", c);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

05_javascript赋值运算符.png

首先，我们定义了两个变量，a 和 b。接着，我们使用赋值运算符 =，将变量 c 的值赋值为变量 a 和变量 b 的和。

我们再次使用赋值运算符 +=，将变量 a 的值加上 10，将变量 b 的值减去 100。最后，我们使用赋值运算符 *=，将变量 c 的值乘以 10。

除法和取余赋值

使用 JavaScript 运算符，实现除法和取余赋值

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript除法和取余赋值运算符</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 100;
            var b = 200;
            var c = 304;
            b /= a;
            c %= a;
            console.log("a =", a, "b =", b, "c =", c);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

06_javascript赋值运算符.png

首先，我们定义了三个变量，a 、 b 和 c。接着，我们使用赋值运算符 /=，将变量 b 的值除以变量 a 的值，并将结果再次赋值给 b。

我们再次使用赋值运算符 %=，将变量 c 的值对变量 a 的值取余数，并将结果再次赋值给 c。

左移右移赋值

使用 JavaScript 运算符，实现左移右移赋值

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript除法和取余赋值运算符</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 10;
            var b = 256;
            a <<= 2;
            b >>= 2;
            console.log("a =", a, "b =", b);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

07_javascript赋值运算符.png

首先，我们定义了两个变量，a 和 b。接着，我们使用赋值运算符 <<=，将变量 a 的值左移两位，并将结果再次赋值给 a。

我们再次使用赋值运算符 >>=，将变量 b 的值右移两位，并将结果再次赋值给 b。

按位与异或或后赋值

使用 JavaScript 运算符，实现按位与异或或后赋值

<!DOCTYPE html>
<html>
    <head>
        <title>按位与 异或 或后赋值</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var a = 10;
            var b = 256;
            var c = 100;
            a &= 2;
            b ^= 2;
            c |= 2;
            console.log("a =", a, "b =", b, "c =", c);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

08_javascript赋值运算符.png

首先，我们定义了三个变量，a、 b 和 c。接着，我们使用赋值运算符 &=，将变量 a 的值与 2 相与，并将结果再次赋值给 a。

我们再次使用赋值运算符 ^=，将变量 b 的值与 2 进行异或，并将结果再次赋值给 b。最后，我们使用赋值运算符 |=，将变量 c 的值与 2 进行或，并将结果再次赋值给 c。