Pada tutorial sebelumnya, kita sudah belajar Tutorial Belajar JavaScript Bagian 5 : Jenis-jenis Tipe Data JavaScript, selanjutnya kita akan belajar jenis-jenis operator JavaScript.
Apa itu Operator di JavaScript
Operator adalah simbol atau keyword yang memberi tahu mesin JavaScript untuk melakukan beberapa jenis tindakan.
Misalnya, simbol penjumlahan (+) adalah operator yang memberi tahu mesin JavaScript untuk menambahkan dua variabel atau nilai, sedangkan simbol sama dengan (==), lebih besar dari (>) atau kurang dari (<) adalah operatornya yang memberi tahu mesin JavaScript untuk membandingkan dua variabel atau nilai, dan seterusnya.
Bagian berikut menjelaskan berbagai operator yang digunakan dalam JavaScript.
Operator Aritmatika JavaScript
Operator aritmatika digunakan untuk melakukan operasi aritmatika umum, seperti penjumlahan, pengurangan, perkalian, dll.
Berikut daftar lengkap operator aritmatika JavaScript:
Operator | Deskripsi | Contoh | Hasil |
+ | Penjumlahan | x + y | Jumlah x dan y |
– | Pengurangan | x – y | Selisih x dan y |
* | Perkalian | x * y | Perkalian x dan y |
/ | Divisi | x / y | Hasil bagi dari x dan y |
% | Modulus | x % y | Sisa dari x dibagi y |
Contoh berikut akan menunjukkan kepada Anda bagaimana operator aritmatika ini bekerja:
<script> var x = 10; var y = 4; document.write(x + y); // Cetak: 14 document.write("<br>"); document.write(x - y); // Cetak: 6 document.write("<br>"); document.write(x * y); // Cetak: 40 document.write("<br>"); document.write(x / y); // Cetak: 2.5 document.write("<br>"); document.write(x % y); // Cetak: 2 </script>
Operator Assigment JavaScript
Operator assignment digunakan untuk memberikan nilai ke variabel.
Operator | Deskripsi | Contoh | Sama dengan |
= | Tentukan | x = y | x = y |
+= | Tambahkan dan tetapkan | x += y | x = x + y |
-= | Kurangi dan tetapkan | x -= y | x = x – y |
*= | Kalikan dan tetapkan | x *= y | x = x * y |
/= | Bagi dan berikan hasil bagi | x /= y | x = x / y |
%= | Bagilah dan tetapkan modulus | x %= y | x = x% y |
Contoh berikut akan menunjukkan kepada Anda cara kerja operator assignment:
<script> var x; // Deklarasi Variabel x = 10; document.write(x + "<br>"); // Cetak: 10 x = 20; x += 30; document.write(x + "<br>"); // Cetak: 50 x = 50; x -= 20; document.write(x + "<br>"); // Cetak: 30 x = 5; x *= 25; document.write(x + "<br>"); // Cetak: 125 x = 50; x /= 10; document.write(x + "<br>"); // Cetak: 5 x = 100; x %= 15; document.write(x); // Cetak: 10 </script>
Operator String JavaScript
Ada 2 operator yang juga bisa digunakan untuk string.
Operator | Deskripsi | Contoh | Hasil |
+ | Penyambungan | str1 + str2 | Rangkaian str1 dan str2 |
+= | Tugas Penyambungan | str1 += str2 | Menambahkan str2 ke str1 |
Contoh berikut akan menunjukkan kepada Anda cara kerja operator string:
<script> var str1 = "Halo"; var str2 = "Dunia!"; document.write(str1 + str2 + "<br>"); // Outputs: Halo Dunia! str1 += str2; document.write(str1); // Outputs: Halo Dunia! </script>
Operator Increment dan Decrement JavaScript
Operator increment/decrement digunakan untuk menaikkan / menurunkan nilai variabel.
Operator | Nama | Efek |
++x | Pre-increment | Tambah nilai x dengan 1, lalu kirim nilai x |
x++ | Post-increment | Kirim nilai x, lalu tambah nilai x dengan 1 |
–x | Pre-decrement | Kurangi nilai x dengan 1, lalu kirim nilai x |
x– | Post-decrement | Kirim nilai x, lalu kurangi nilai x dengan 1 |
Contoh berikut akan menunjukkan cara kerja operator increment dan decrement:
<script> var x; // Deklarasi Variabel x = 10; document.write(++x); // Cetak: 11 document.write("<p>" + x + "</p>"); // Cetak: 11 x = 10; document.write(x++); // Cetak: 10 document.write("<p>" + x + "</p>"); // Cetak: 11 x = 10; document.write(--x); // Cetak: 9 document.write("<p>" + x + "</p>"); // Cetak: 9 x = 10; document.write(x--); // Cetak: 10 document.write("<p>" + x + "</p>"); // Cetak: 9 </script>
Operator Logika JavaScript
Operator logika biasanya digunakan untuk menggabungkan pernyataan bersyarat.
Operator | Nama | Contoh | Hasil |
&& | And | x && y | Benar jika x dan y benar |
|| | Or | x || y | Benar jika x atau y benar |
! | Not | ! X | Benar jika x tidak benar |
Contoh berikut akan menunjukkan kepada Anda cara kerja operator logika:
<script> var tahun = 2021; // Tahun kabisat habis dibagi 400 atau 4 tetapi tidak habis 100 if((tahun % 400 == 0) || ((tahun % 100 != 0) && (tahun % 4 == 0))){ document.write(tahun + " adalah tahun kabisat."); } else{ document.write(tahun + " bukan tahun kabisat."); } </script>
Operator Perbandingan JavaScript
Operator perbandingan digunakan untuk membandingkan dua nilai dengan gaya Boolean.
Operator | Nama | Contoh | Hasil |
== | Sama dengan | x == y | True jika x sama dengan y |
=== | Identik | x === y | True jika x sama dengan y, dan keduanya memiliki tipe yang sama |
!= | Tidak sama dengan | x! = Y | True jika x tidak sama dengan y |
!== | Tidak identik | x! == y | True jika x tidak sama dengan y, atau keduanya tidak berjenis sama |
< | Kurang dari | x < y | True jika x kurang dari y |
> | Lebih besar dari | x > y | True jika x lebih besar dari y |
>= | Lebih dari atau sama dengan | x >= y | True jika x lebih besar dari atau sama dengan y |
<= | Kurang dari atau sama dengan | x <= y | True jika x kurang dari atau sama dengan y |
Contoh berikut akan menunjukkan cara kerja operator perbandingan:
<script> var x = 25; var y = 35; var z = "25"; document.write(x == z); // Cetak: true document.write("<br>"); document.write(x === z); // Cetak: false document.write("<br>"); document.write(x != y); // Cetak: true document.write("<br>"); document.write(x !== z); // Cetak: true document.write("<br>"); document.write(x < y); // Cetak: true document.write("<br>"); document.write(x > y); // Cetak: false document.write("<br>"); document.write(x <= y); // Cetak: true document.write("<br>"); document.write(x >= y); // Cetak: false </script>
Semoga tutorial ini membantu Anda untuk belajar jenis-jenis operator JavaScript.