Apa itu Operator JavaScript
Operator adalah simbol atau kata kunci yang memberi tah JavaScript untuk melakukan beberapa tindakan. Misalnya, simbol penambahan (+) adalah operator yang memberi tahu JavaScript untuk menambahkan dua variabel atau nilai, sedangkan simbol sama dengan (==), lebih besar dari (>) atau kurang dari (<) adalah operator yang memberitahu JavaScript untuk membandingkan dua variabel atau nilai, dan sebagainya.
Bagian berikut menjelaskan berbagai operator yang digunakan dalam JavaScript.
Operator Aritmatic JavaScript
Operator aritmatika digunakan untuk melakukan operasi aritmatika umum, seperti penjumlahan, pengurangan, penggandaan, dll. Berikut adalah daftar lengkap operator aritmatika JavaScript:
| Operator | Deskripsi | Contoh | Hasil |
|---|---|---|---|
+ | Penambahan | $x + $y | Penjumlahan $x dan $y |
- | Pengurangan | $x - $y | Perbedaan $x dan $y. |
* | Perkalian | $x * $y | Perkalian $x dan $y. |
/ | Pembagian | $x / $y | Hasil Bagi $x dan $y |
% | modulus (sisa pembagian) | $x % $y | Sisa $ x dibagi dengan $ y |
Contoh berikut akan menunjukkan kepada kalian bagaimana operator aritmatika ini bekerja:
var x = 10;
var y = 4;
alert(x + y); // 0utputs: 14
alert(x - y); // 0utputs: 6
alert(x * y); // 0utputs: 40
alert(x / y); // 0utputs: 2.5
alert(x % y); // 0utputs: 2
Operator Penugasan JavaScript
Operator penugasan digunakan untuk menetapkan nilai ke variabel.
| Operator | Deskripsi | Contoh | Sama Dengan |
|---|---|---|---|
= | Menetapkan | x = y | x = y |
+= | Menambahkan dan Menetapkan | x += $ | x = x + y |
-= | Mengurangi dan Menetapkan | x -= y | x = x - y |
*= | Melipat-gandakan dan Menetapkan | x *= y | x = x * y |
/= | Membagi dan Menetapkan Hasil Bagi | x /= y | x = x / y |
%= | Membagi dan Menetapkan Modulus | x %= y | x = x % y |
Contoh berikut akan menunjukkan kepada kalian bagaimana operator penugasan ini bekerja:
var x; // Declaring Variable
x = 10;
alert(x); // Outputs: 10
x = 20;
x += 30;
alert(x); // Outputs: 50
x = 50;
x -= 20;
alert(x); // Outputs: 30
x = 5;
x *= 25;
alert(x); // Outputs: 125
x = 50;
x /= 10;
alert(x); // Outputs: 5
x = 100;
x %= 15;
alert(x); // Outputs: 10
Operator String JavaScript
Ada dua operator yang juga bisa digunakan untuk string.
| Operator | Deskripsi | Contoh | Hasil |
|---|---|---|---|
+ | Rangkaian | str1 + str2 | Gabungan str1 dan str2 |
+= | Menggabungkan Penugasannya | str1 += str2 | Menambahkan str2 ke str1 |
Contoh berikut akan menunjukkan kepada kalian bagaimana operator string ini bekerja:
var str1 = "Hello";
var str2 = " World!";
alert(str1 + str2); // Outputs: Hello World!
str1 += str2;
alert(str1); // Outputs: Hello World!
Operator JavaScript Incrementing dan Decrementing
Operator increment/decrement (Menambahj/Mengurangi) digunakan untuk menambah/mengurangi nilai variabel.
| Operator | Nama | Effek |
|---|---|---|
++x | Pre-increment | Increments x by one, then returns x |
x++ | Post-increment | Returns x, then increments x by one |
--x | Pre-decrement | Decrements x by one, then returns x |
x-- | Post-decrement | Returns x, then decrements x by one |
Contoh berikut akan menunjukkan kepada kalian bagaimana operator increment dan decrement benar-benar bekerja:
var x; // Declaring Variable
x = 10;
alert(++x); // Outputs: 11
alert(x); // Outputs: 11
x = 10;
alert(x++); // Outputs: 10
alert(x); // Outputs: 11
x = 10;
alert(--x); // Outputs: 9
alert(x); // Outputs: 9
x = 10;
alert(x--); // Outputs: 10
alert(x); // Outputs: 9
Operator Logical JavaScript
Operator logical biasanya digunakan untuk menggabungkan pernyataan bersyarat (conditional statement).
| Operator | Nama | Contoh | Hasil |
|---|---|---|---|
&& | And | x && y | True jika keduanya x dan y true |
|| | Or | x || y | True jika diantara x atau y true |
! | Not | !x | True jika x not true |
Contoh berikut akan menunjukkan kepada kalian bagaimana sebenarnya operator logical ini bekerja:
var year = 2018;
// Leap years are divisible by 400 or by 4 but not 100
if((year % 400 == 0) || ((year % 100 != 0) && (year % 4 == 0))){
alert(year + " is a leap year.");
} else{
alert(year + " is not a leap year.");
}
Perbandingan Operator JavaScript
Operator pembanding digunakan untuk membandingkan dua nilai secara Boolean.
| Operator | Nama | Contoh | Hasil |
|---|---|---|---|
== | Equal | x == y | True if x is equal to y |
=== | Identical | x === y | True if x is equal to y, and they are of the same type |
!= | Not equal | x != y | True if x is not equal to y |
!== | Not identical | x !== y | True if x is not equal to y, or they are not of the same type |
< | Less than | x < y | True if x is less than y |
> | Greater than | x > y | True if x is greater than y |
>= | Greater than or equal to | x >= y | True if x is greater than or equal to y |
<= | Less than or equal to | x <= y | True if x is less than or equal to y |
Contoh berikut akan menunjukkan kepada kalian bagaimana operator perbandingan ini bekerja:
var x = 25;
var y = 35;
var z = "25";
alert(x == z); // Outputs: true
alert(x === z); // Outputs: false
alert(x != y); // Outputs: true
alert(x !== z); // Outputs: true
alert(x < y); // Outputs: true
alert(x > y); // Outputs: false
alert(x <= y); // Outputs: true
alert(x >= y); // Outputs: false