table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
}
table, th, td {
border: 1px solid #ccc;
}
th, td {
padding: 8px;
text-align: left;
}
blockquote {
border-left: 4px solid #3498db;
padding-left: 10px;
color: #555;
margin: 1em 0;
}
Dalam JavaScript, operator adalah simbol atau kata kunci yang digunakan untuk melakukan operasi terhadap satu atau lebih nilai (operand). Operator ini sangat penting dan akan kamu gunakan hampir di semua kode JavaScript yang kamu tulis.
Artikel ini akan membahas semua jenis operator di JavaScript dengan penjelasan yang mudah dipahami serta contoh kasus nyata. Ideal untuk kamu yang baru saja memulai belajar JavaScript.
🧮 1. Operator Aritmatika
Digunakan untuk operasi matematika dasar.
| Operator | Nama | Contoh |
|---|---|---|
| + | Penjumlahan | a + b |
| – | Pengurangan | a – b |
| * | Perkalian | a * b |
| / | Pembagian | a / b |
| % | Modulus | a % b |
| ** | Pangkat | a ** b |
| ++ | Increment | a++ |
| — | Decrement | a– |
Contoh Kasus:
let totalBarang = 7;
let hargaBarang = 10000;
let totalHarga = totalBarang * hargaBarang;
console.log(totalHarga); // Output: 70000
🔁 2. Operator Penugasan (Assignment)
| Operator | Fungsi | Contoh |
|---|---|---|
| = | Penugasan | x = 5 |
| += | Tambah dan assign | x += 3 |
| -= | Kurang dan assign | x -= 2 |
| *= | Kali dan assign | x *= 4 |
| /= | Bagi dan assign | x /= 2 |
| %= | Modulus dan assign | x %= 3 |
Contoh Kasus:
let uang = 50000;
uang += 10000;
console.log(uang); // Output: 60000
🔍 3. Operator Perbandingan (Comparison)
| Operator | Nama | Contoh | Hasil |
|---|---|---|---|
| == | Sama (longgar) | 5 == ‘5’ | true |
| === | Sama persis | 5 === ‘5’ | false |
| != | Tidak sama | 5 != ‘5’ | false |
| !== | Tidak sama persis | 5 !== ‘5’ | true |
| > | Lebih besar | 7 > 3 | true |
| < | Lebih kecil | 2 < 5 | true |
| >= | Lebih besar atau sama | 5 >= 5 | true |
| <= | Lebih kecil atau sama | 4 <= 6 | true |
Contoh Kasus:
let nilaiUjian = 85;
let lulus = nilaiUjian >= 75;
console.log(lulus); // Output: true
🧠 4. Operator Logika (Logical)
| Operator | Nama | Fungsi |
|---|---|---|
| && | AND | True jika semua kondisi benar |
| || | OR | True jika salah satu benar |
| ! | NOT | Membalikkan nilai |
Contoh Kasus:
let umur = 20;
let punyaSIM = true;
let bolehNyetir = umur >= 17 && punyaSIM;
console.log(boIehNyetir); // Output: true
🔤 5. Operator String
let namaDepan = "Mukhlis";
let namaBelakang = "MJ";
let namaLengkap = namaDepan + " " + namaBelakang;
console.log(namaLengkap); // Output: Mukhlis MJ
🧮 6. Operator Bitwise
Dikhususkan untuk operasi logika di level bit.
⚖️ 7. Operator Ternary
let umur = 16;
let status = umur >= 17 ? "Boleh Nyetir" : "Belum Boleh Nyetir";
console.log(status); // Output: Belum Boleh Nyetir
📦 8. Operator typeof & instanceof
let umur = 25;
console.log(typeof umur); // Output: number
let tanggal = new Date();
console.log(tanggal instanceof Date); // Output: true
🧼 9. Operator Nullish Coalescing (??)
let nama = null;
let namaDisplay = nama ?? "Pengguna Baru";
console.log(namaDisplay); // Output: Pengguna Baru
🔗 10. Operator Optional Chaining (?.)
let user = {
nama: "Dina",
alamat: null
};
console.log(user.alamat?.kota); // Output: undefined
✍️ Penutup
Operator adalah bagian penting dalam JavaScript yang akan kamu gunakan terus-menerus. Dengan memahami operator dari awal, kamu bisa membuat logika program yang kuat dan efisien.
