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
- 1 Operator Aritmatika JavaScript
- 2 Operator Assignment JavaScript
- 3 JavaScript String Operators
- 4 Menjumlahkan Strings dan Angka
- 5 Operator Perbandingan JavaScript
- 6 Operator Logika JavaScript
- 7 Operator Type JavaScript
- 8 Operator Bitwise JavaScript
Operator Aritmatika JavaScript
Operator aritmatika digunakan untuk melakukan perhitungan aritmatika pada angka:
| + | Penjumlahan |
| – | Pengurangan |
| * | Perkalian |
| ** | Eksponensial (ES2016) |
| / | Pembagian |
| % | Modulus (Sisa Pembagian) |
| ++ | Increment |
| — | Decrement |
Operator Assignment JavaScript
Operator assigment berfungsi memberikan nilai pada variabel 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 |
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>
JavaScript String Operators
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.
Menjumlahkan Strings dan Angka
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 Perbandingan JavaScript
| == | 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 Logika JavaScript
| && | logika dan |
| || | logika atau |
| ! | logika tidak |
Operator Type JavaScript
| typeof | Mengembalikan tipe variabel |
| instanceof | Mengembalikan nilai benar jika sebuah objek adalah turunan dari tipe objek |
Operator Bitwise JavaScript
Operator bit bekerja pada angka 32 bit.
Setiap operan numerik dalam operasi diubah menjadi angka 32 bit. Hasilnya diubah kembali menjadi nomor JavaScript.
| & | 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.