Pelajari operator perbandingan JavaScript lengkap seperti ==, ===, !=, !==, >, <, >=, dan <= beserta hasil demo.
Perbandingan JavaScript Lengkap untuk Pemula
Pembukaan
Operator perbandingan JavaScript digunakan untuk membandingkan dua nilai dan menghasilkan Boolean:
truefalse
Perbandingan sangat penting dalam pengembangan website modern karena digunakan untuk:
Login sistem
Validasi user
Monitoring CCTV online/offline
Analytic camera detection
Dashboard server realtime
Dalam sistem profesional seperti Haikal IT Support, operator comparison digunakan untuk validasi jaringan, pengecekan server, analytic event, dan kontrol perangkat CCTV.
Berikut penjelasan lengkap operator perbandingan JavaScript.
1. Tetapkan 5 pada x dan Tampilkan (x == 8)
Contoh Kode
let x = 5;
console.log(x == 8);
Hasil Demo
false
Penjelasan
5tidak sama dengan8.
2. Tetapkan 5 pada x dan Tampilkan (x == 5)
Contoh Kode
let x = 5;
console.log(x == 5);
Hasil Demo
true
Penjelasan
Nilai
5sama dengan5.
3. Tetapkan 5 pada x dan Tampilkan (x === 5)
Contoh Kode
let x = 5;
console.log(x === 5);
Hasil Demo
true
Penjelasan
===membandingkan:Nilai
Tipe data
4. Tetapkan 5 pada x dan Tampilkan (x === "5")
Contoh Kode
let x = 5;
console.log(x === "5");
Hasil Demo
false
Penjelasan
5adalah number"5"adalah string
5. Tetapkan 5 pada x dan Tampilkan (x != 8)
Contoh Kode
let x = 5;
console.log(x != 8);
Hasil Demo
true
Penjelasan
5tidak sama dengan8.
6. Tetapkan 5 pada x dan Tampilkan (x !== 5)
Contoh Kode
let x = 5;
console.log(x !== 5);
Hasil Demo
false
Penjelasan
Nilai dan tipe sama.
7. Tetapkan 5 pada x dan Tampilkan (x !== "5")
Contoh Kode
let x = 5;
console.log(x !== "5");
Hasil Demo
true
Penjelasan
Tipe data berbeda.
8. Tetapkan 5 pada x dan Tampilkan (x > 8)
Contoh Kode
let x = 5;
console.log(x > 8);
Hasil Demo
false
Penjelasan
5tidak lebih besar dari8.
9. Tetapkan 5 pada x dan Tampilkan (x < 8)
Contoh Kode
let x = 5;
console.log(x < 8);
Hasil Demo
true
Penjelasan
5lebih kecil dari8.
10. Tetapkan 5 pada x dan Tampilkan (x >= 8)
Contoh Kode
let x = 5;
console.log(x >= 8);
Hasil Demo
false
Penjelasan
5tidak lebih besar atau sama dengan8.
11. Tetapkan 5 pada x dan Tampilkan (x <= 8)
Contoh Kode
let x = 5;
console.log(x <= 8);
Hasil Demo
true
Penjelasan
5lebih kecil dari8.
Tabel Operator Perbandingan JavaScript
| Operator | Arti |
|---|---|
== | Sama dengan |
=== | Sama nilai dan tipe |
!= | Tidak sama |
!== | Tidak sama nilai dan tipe |
> | Lebih besar |
< | Lebih kecil |
>= | Lebih besar atau sama |
<= | Lebih kecil atau sama |
Menampilkan Perbandingan di HTML
Contoh Kode
<!DOCTYPE html>
<html>
<body>
<h2 id="demo"></h2>
<script>
let x = 5;
document.getElementById("demo").innerHTML =
(x < 8);
</script>
</body>
</html>
Hasil Demo
true
Penjelasan
Hasil comparison tampil di halaman HTML.
Penyebab Error Operator Perbandingan
Beberapa kesalahan umum:
Salah penggunaan
=dan==Salah tipe data
Bingung
==dan===Typo operator
Cara Mengatasi Error Comparison
1. Gunakan === untuk Aman
Salah:
5 == "5"
Hasil Demo
true
Benar:
5 === "5"
Hasil Demo
false
2. Jangan Gunakan = untuk Perbandingan
Salah:
if(x = 5)
Benar:
if(x == 5)
Contoh Kasus
Kasus:
Dashboard monitoring harus mengecek apakah server aktif.
Contoh Kode
let server = "Online";
console.log(server === "Online");
Hasil Demo
true
Penjelasan
Server berhasil terdeteksi online.
Tips Tambahan
Gunakan
===lebih disarankan.Gunakan comparison untuk validasi login.
Gunakan Boolean untuk hasil comparison.
Gunakan operator comparison pada monitoring realtime.
Internal Link
Artikel terkait di Haikal IT Support:
Boolean JavaScript
Operator JavaScript
Konversi Jenis JavaScript
Fungsi JavaScript
Dasar JavaScript
Kesimpulan
Operator perbandingan JavaScript digunakan untuk membandingkan dua nilai dan menghasilkan true atau false. JavaScript menyediakan berbagai operator seperti ==, ===, !=, !==, >, <, >=, dan <=.
Pemahaman comparison operator sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.
