Operator assignment berfungsi memberikan nilai pada variabel JavaScript.
| Operator | Contoh | Sama dengan |
|---|---|---|
| = | 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 |
Operator ** = adalah bagian eksperimental dari proposal ECMAScript 2016 (ES7). Operator ini tidak stabil di semua browser. Jadi sebaiknya jangan gunakan itu.
Contoh Assignment
operator assignment = berfungsi untuk memberikan nilai pada variabel.
Contoh:
<!DOCTYPE html> <html> <body> <h2>Operator =</h2> <p id="demo"></p> <script> var x = 10; document.getElementById("demo").innerHTML = x; </script> </body> </html>
operator assignment + = berfungsi untuk menambahkan nilai pada variabel.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Operator +=</h2>
<p id="demo"></p>
<script>
var x = 10;
x += 5;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Operator assignment -= mengurangi nilai dari variabel.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Operator -=</h2>
<p id="demo"></p>
<script>
var x = 10;
x -= 5;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Operator assignment * = berfungsi untuk mengalikan variabel.
<!DOCTYPE html>
<html>
<body>
<h2>Operator *=</h2>
<p id="demo"></p>
<script>
var x = 10;
x *= 5;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Operator / = untuk membagi variabel.
<!DOCTYPE html>
<html>
<body>
<h2>Operator /=</h2>
<p id="demo"></p>
<script>
var x = 10;
x /= 5;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Operator assignment %= berfungsi untuk memberikan sisa pada variabel.
<!DOCTYPE html>
<html>
<body>
<h2>Operator %=</h2>
<p id="demo"></p>
<script>
var x = 10;
x %= 5;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
