Tetapkan nilai pada variabel dan jumlahkan secara bersamaan.
Contoh :
<!DOCTYPE html> <html> <body> <h2>Operator JavaScript</h2> <p>x = 5, y = 2, Hitung z = x + y, dan tampilkan z:</p> <p id="demo"></p> <script> var x = 5; var y = 2; var z = x + y; document.getElementById("demo").innerHTML = z; </script> </body> </html>
Operator asignment (=) berfungsi memberikan nilai pada variabel.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Operator =j</h2>
<p id="demo"></p>
<script>
var x = 10;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Operator tambah (+) berfungsi menjumlahkan angka.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h2>Operator +</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
Operator perkalian (*) berfungsi mengalikan angka.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h2>Operator *</h2>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x * y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
Section Artikel
Operator aritmatika digunakan untuk melakukan perhitungan aritmatika pada angka:
| Operator | Deskripsi |
|---|---|
| + | Penjumlahan |
| – | Pengurangan |
| * | Perkalian |
| ** | Eksponensial (ES2016) |
| / | Pembagian |
| % | Modulus (Sisa Pembagian) |
| ++ | Increment |
| — | Decrement |
Operator assigment berfungsi memberikan nilai pada variabel JavaScript.
| Operator | Contoh | Bernilai sama |
|---|---|---|
| = | 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 |
Operator assignment penjumlahan (+ =) menambahkan nilai ke 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 + juga dapat digunakan untuk menambahkan (menggabungkan) string.
<!DOCTYPE html>
<html>
<body>
<h2>Operator JavaScript</h2>
<p>Operator + menggabungkan (menambahkan) string.</p>
<p id="demo"></p>
<script>
var txt1 = "John";
var txt2 = "Doe";
document.getElementById("demo").innerHTML = txt1 + " " + txt2;
</script>
</body>
</html>
Operator assignment += juga dapat digunakan untuk menambahkan (menggabungkan) string:
<!DOCTYPE html>
<html>
<body>
<h2>Operator JavaScript</h2>
<p>Operator penugasan + = dapat menggabungkan string.</p>
<p id="demo"></p>
<script>
txt1 = "What a very ";
txt1 += "nice day";
document.getElementById("demo").innerHTML = txt1;
</script>
</body>
</html>
Saat digunakan pada string, operator + disebut operator penggabungan.
Menambahkan dua angka, akan mengembalikan nilai penjumlahannya, tetapi menambahkan angka dan string akan mengembalikan nilai string.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Operator JavaScript</h2>
<p>Menambahkan angka dan string akan mengembalikan nilai string.</p>
<p id="demo"></p>
<script>
var x = 5 + 5;
var y = "5" + 5;
var z = "Hello" + 5;
document.getElementById("demo").innerHTML =
x + "<br>" + y + "<br>" + z;
</script>
</body>
</html>
Jika Anda menambahkan angka dan string, hasilnya adalah string!
| Operator | Deskripsi |
|---|---|
| == | sama dengan |
| === | nilai yang sama dan tipe yang sama |
| != | tidak sama dengan |
| !== | tidak sama nilainya atau tidak sama tipe |
| > | lebih besar dari |
| < | kurang dari |
| >= | lebih dari atau sama dengan |
| <= | kurang dari atau sama dengan |
| ? | operator terner |
| Operator | Deskripsi |
|---|---|
| && | logika dan |
| || | logika atau |
| ! | logika tidak |
| Operator | Description |
|---|---|
| typeof | Mengembalikan tipe variabel |
| instanceof | Mengembalikan nilai benar jika sebuah objek adalah turunan dari tipe objek |
Operator bit bekerja pada angka 32 bit.
Setiap operan numerik dalam operasi diubah menjadi angka 32 bit. Hasilnya diubah kembali menjadi nomor JavaScript.
| Operator | Deskripsi | Contoh | Bernilai sama | Hasil | Desimal |
|---|---|---|---|---|---|
| & | AND | 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Zero fill left shift | 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Signed right shift | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
| >>> | Zero fill right shift | 5 >>> 1 | 0101 >>> 1 | 0010 | 2 |
Contoh di atas menggunakan contoh unsigned 4 bit. Tetapi JavaScript menggunakan nomor bertanda 32-bit.
Karena itu, dalam JavaScript, ~ 5 tidak akan mengembalikan 10. Ini akan mengembalikan -6.
~ 00000000000000000000000000000101 akan mengembalikan 11111111111111111111111111111010.