JavaScript 赋值
JavaScript基础 2022-04-24 02:11:04小码哥的IT人生shichen
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 |
提示：**= 运算符属于 ECMAScript 2016 proposal (ES7) 的实验部分。它的跨浏览器表现并不稳定。请勿使用。
赋值实例
= 赋值运算符向变量赋值。
赋值
var x = 7;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>= 运算符</h1>
<p id="demo"></p>
<script>
var x = 7;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
运行结果：
= 运算符 7
+= 赋值运算符向变量添加值。
赋值
var x = 7;
x += 8;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>+= 运算符</h1>
<p id="demo"></p>
<script>
var x = 7;
x += 8;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
运行结果：
+= 运算符 15
-= 赋值运算符从变量中减去一个值。
赋值
var x = 7;
x -= 8;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>-= 运算符</h1>
<p id="demo"></p>
<script>
var x = 7;
x -= 8;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
运行结果：
-= 运算符 -1
*= 赋值运算符相乘变量。
赋值
var x = 7;
x *= 8;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>*= 运算符</h1>
<p id="demo"></p>
<script>
var x = 7;
x *= 8;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
运行结果：
*= 运算符 56
/= 赋值运算符对变量相除。
赋值
var x = 7;
x /= 8;
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>/= 运算符</h1>
<p id="demo"></p>
<script>
var x = 7;
x /= 8;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
运行结果：
/= 运算符 0.875
%= 赋值运算符把余数赋值给变量。
赋值
var x = 7;
x %= 8; 完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>%= 运算符</h1>
<p id="demo"></p>
<script>
var x = 7;
x %= 8;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
运行结果：
%= 运算符 7
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
