Dalam dunia pemrograman, operator merupakan salah satu komponen dasar yang digunakan untuk melakukan berbagai operasi terhadap data. Hampir setiap program JavaScript memanfaatkan operator, baik untuk menghitung angka, membandingkan nilai, maupun menentukan sebuah kondisi.
Sebagai contoh, ketika Anda membuat aplikasi kalkulator, sistem login, atau fitur pencarian, operator akan selalu digunakan untuk memproses data. Oleh karena itu, memahami operator JavaScript menjadi langkah penting sebelum mempelajari materi seperti percabangan, perulangan, hingga manipulasi DOM.
Pada artikel ini, Anda akan mempelajari pengertian operator JavaScript, jenis-jenis operator, fungsi masing-masing operator, serta contoh penggunaannya dalam program sederhana.
Apa Itu Operator JavaScript?
Operator JavaScript adalah simbol atau tanda yang digunakan untuk melakukan operasi terhadap satu atau lebih nilai (operand).
Operator dapat digunakan untuk:
- Melakukan perhitungan matematika.
- Membandingkan dua nilai.
- Menggabungkan kondisi.
- Memberikan nilai ke dalam variabel.
- Memeriksa tipe data.
- Melakukan operasi logika.
Contoh sederhana:
let a = 10;
let b = 5;
console.log(a + b);
Output:
15
Pada contoh di atas, tanda + merupakan operator penjumlahan.
Mengapa Operator Penting?
Operator memiliki peran penting karena digunakan hampir di setiap program JavaScript.
Beberapa manfaat operator antara lain:
- Mempermudah proses perhitungan.
- Membantu membuat logika program.
- Digunakan dalam percabangan (
if). - Digunakan dalam perulangan (
for,while). - Membuat kode lebih ringkas dan mudah dibaca.
Jenis-Jenis Operator JavaScript
JavaScript memiliki beberapa jenis operator yang sering digunakan.
1. Operator Aritmatika
Operator aritmatika digunakan untuk melakukan operasi matematika.
| Operator | Fungsi |
|---|---|
| + | Penjumlahan |
| – | Pengurangan |
| * | Perkalian |
| / | Pembagian |
| % | Sisa hasil bagi (Modulus) |
| ** | Perpangkatan |
Contoh:
let a = 12;
let b = 4;
console.log(a + b);
console.log(a - b);
console.log(a * b);
console.log(a / b);
console.log(a % b);
console.log(a ** b);
Output:
16
8
48
3
0
20736
2. Operator Penugasan (Assignment)
Operator penugasan digunakan untuk memberikan nilai ke dalam variabel.
Contoh:
let nilai = 80;
nilai += 10;
console.log(nilai);
Output:
90
Operator assignment yang sering digunakan:
| Operator | Contoh |
| = | x = 5 |
| += | x += 2 |
| -= | x -= 2 |
| *= | x *= 2 |
| /= | x /= 2 |
| %= | x %= 2 |
3. Operator Perbandingan (Comparison)
Operator ini digunakan untuk membandingkan dua nilai.
| Operator | Arti |
| == | Sama dengan |
| === | Sama nilai dan tipe data |
| != | Tidak sama |
| !== | Tidak sama nilai atau tipe data |
| > | Lebih besar |
| < | Lebih kecil |
| >= | Lebih besar atau sama |
| <= | Lebih kecil atau sama |
Contoh:
let umur = 18;
console.log(umur >= 17);
Output:
true
Perbedaan == dan ===
Ini merupakan salah satu materi yang sering membingungkan pemula.
console.log(10 == "10");
Output:
true
Sedangkan:
console.log(10 === "10");
Output:
false
Perbedaannya:
==hanya membandingkan nilai.===membandingkan nilai sekaligus tipe datanya.
Dalam pengembangan JavaScript modern, penggunaan === lebih disarankan karena menghasilkan perbandingan yang lebih akurat.
4. Operator Logika
Operator logika digunakan untuk menggabungkan beberapa kondisi.
| Operator | Fungsi |
| && | DAN (AND) |
| || | ATAU (OR) |
| ! | BUKAN (NOT) |
Contoh:
let umur = 20;
let memilikiKTP = true;
console.log(umur >= 17 && memilikiKTP);
Output:
true
5. Operator Increment dan Decrement
Operator ini digunakan untuk menambah atau mengurangi nilai sebanyak satu.
Contoh increment:
let angka = 5;
angka++;
console.log(angka);
Output:
6
Contoh decrement:
let angka = 5;
angka--;
console.log(angka);
Output:
4
6. Operator String
Operator + juga dapat digunakan untuk menggabungkan teks.
let depan = "Power";
let belakang = "Code";
console.log(depan + belakang);
Output:
PowerCode
Agar lebih rapi:
console.log(depan + " " + belakang);
Output:
Power Code
7. Operator Ternary
Operator ternary merupakan bentuk singkat dari if...else.
Sintaks:
kondisi ? nilaiJikaBenar : nilaiJikaSalah;
Contoh:
let umur = 18;
let status = umur >= 17 ? "Dewasa" : "Anak-anak";
console.log(status);
Output:
Dewasa
Operator ini membuat kode lebih ringkas untuk kondisi sederhana.
8. Operator typeof
Operator typeof digunakan untuk mengetahui tipe data suatu nilai.
Contoh:
let nama = "PowerCode";
let umur = 20;
console.log(typeof nama);
console.log(typeof umur);
Output:
string
number
Operator ini sering digunakan saat proses debugging atau validasi data.
Contoh Penggunaan Operator dalam Kehidupan Nyata
Misalnya Anda ingin menentukan apakah seorang siswa lulus.
let nilai = 85;
let hasil = nilai >= 75 ? "Lulus" : "Tidak Lulus";
console.log(hasil);
Output:
Lulus
Contoh sederhana ini menunjukkan bagaimana operator perbandingan dan operator ternary bekerja bersama.
Kesalahan yang Sering Dilakukan Pemula
Menggunakan == Saat Seharusnya ===
console.log(0 == false);
Hasilnya:
true
Namun:
console.log(0 === false);
Hasilnya:
false
Untuk menghindari hasil yang tidak diinginkan, biasakan menggunakan ===.
Salah Menggunakan Operator Assignment
Contoh yang salah:
if (nilai = 80) {
console.log("Benar");
}
Penulisan yang benar:
if (nilai === 80) {
console.log("Benar");
}
= digunakan untuk memberi nilai, sedangkan === digunakan untuk membandingkan.
Tips Menggunakan Operator JavaScript
Agar kode lebih mudah dipahami dan aman, ikuti beberapa tips berikut:
- Gunakan
===dibandingkan==. - Beri nama variabel yang jelas agar operasi mudah dipahami.
- Gunakan operator ternary hanya untuk kondisi sederhana.
- Gunakan tanda kurung jika operasi cukup kompleks agar urutan perhitungan lebih jelas.
- Uji hasil operasi menggunakan
console.log()saat proses belajar atau debugging.
Dengan kebiasaan tersebut, kode akan lebih rapi, konsisten, dan mudah dipelihara.
Kesimpulan
Operator JavaScript merupakan bagian penting dalam pemrograman karena digunakan untuk melakukan perhitungan, membandingkan nilai, menggabungkan kondisi, hingga menentukan alur program.
JavaScript menyediakan berbagai jenis operator seperti operator aritmatika, penugasan, perbandingan, logika, increment, decrement, ternary, dan typeof. Masing-masing memiliki fungsi yang berbeda dan saling melengkapi dalam proses pembuatan aplikasi.
Semakin sering Anda berlatih menggunakan operator, semakin mudah pula Anda memahami materi lanjutan seperti percabangan, perulangan, function, object, dan manipulasi DOM.

