8 Operator Perbandingan JavaScript yang Wajib Diketahui Pemula
Operator perbandingan merupakan salah satu operator JavaScript yang akan sering kita gunakan dalam membuat aplikasi.
Kita bisa menggunakan operator perbandingan untuk membandingkan dua buah nilai, apakah suatu nilai sama dengan nilai lain, atau lebih besar dari nilai lain, dan sebagainya.
Itu semua bisa kita ketahui menggunakan operator ini.
Berikut daftar topik yang akan kita bahas terkait operator perbandingan:
Apa Itu Operator Perbandingan?
Operator perbandingan adalah simbol atau tanda untuk memberitahu interpreter bahwa kita ingin melakukan perbandingan.
Misalnya operator lebih besar dari (>).
Operator ini memberitahu interpreter bahwa kita ingin melakukan perbandingan apakah suatu nilai lebih besar dari nilai lain.
Hasil evaluasi operator perbandingan selalu mengembalikan nilai bertipe Boolean (true atau false) sesuai dengan benar atau tidaknya perbandingan tersebut.
Nilai yang dibandingkan disebut operan.
Sintaks:
operan1 operator operan2
Contoh:
2 > 3; // true
Kode di atas kalau dibaca: "apakah 2 lebih besar dari 3".
Daftar Operator Perbandingan
Berikut daftar operator perbandingan yang tersedia di JavaScript.
| Operator | Deskripsi |
|---|---|
== | Nilai Sama dengan |
=== | Nilai dan tipe data sama dengan |
!= | Tidak sama dengan |
!== | Nilai dan tipe data tidak sama dengan |
> | Lebih besar dari |
< | Lebih kecil dari |
>= | Lebih besar dari atau sama dengan |
<= | Lebih kecil dari atau sama dengan |
Mari kita bahas satu per satu.
Nilai Sama Dengan (==)
Operator == (nilai sama dengan) atau juga dikenal operator kesetaraan, membandingkan nilai apakah sama atau tidak, tidak peduli tipe data.
Contoh:
2 == '2'; // true
2 == 2; // true
'hi' == 'hi'; // true
Perhatikan kode di atas, kita membandingkan string '2' dan angka 2, hasilnya dianggap sama jika menggunakan operator ==.
Nilai dan Tipe Data Sama Dengan (===)
Sama seperti operator sebelumnya, tapi operator kesetaraan ketat (===) tidak hanya membandingkan nilai, namun juga tipe datanya.
Khusus untuk tipe data non-primitif seperti array dan objek, hanya menghasilkan nilai true jika merujuk ke objek atau array yang sama.
Contoh:
2 === '2'; // false
2 === 2; // true
'hi' === 'hi'; // true
const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];
arr1 === arr2; // false
const arr3 = arr1;
arr3 === arr1; // true
Tidak Sama Dengan (!=)
Operator tidak sama dengan (!=) membandingkan apakah suatu nilai tidak sama dengan nilai lain, tidak peduli dengan tipe datanya.
Contoh:
2 != '2'; // false
2 != 2; // false
'hi' != 'hi'; // false
'hello' != 'hi'; // true
Nilai dan Tipe Data Tidak Sama Dengan (!==)
Sama seperti operator sebelumnya, tapi operator !== membandingkan tipe datanya, tidak hanya nilai.
Selain itu, khusus untuk tipe data non-primitif seperti array dan objek, hanya menghasilkan nilai false jika merujuk ke objek atau array yang sama.
Contoh:
2 !== '2'; // true
2 !== 2; // false
'hi' !== 'hi'; // false
'hello' !== 'hi'; // true
const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];
arr1 !== arr2; // true
const arr3 = arr1;
arr3 !== arr1; // false
Lebih Besar Dari (>)
Operator lebih besar dari (>) membandingkan apak nilai operan di sebelah kiri lebih besar dari operan di sebelah kanan.
Contoh:
2 > 3; // true
3 > 2; // false
3 > 3; // false
Lebih Kecil Dari (<)
Sama seperti operator sebelumnya, tapi operator < membandingkan apakah nilai operan di sebelah kiri lebih kecil dari nilai operan di sebelah kanan.
Contoh:
2 < 3; // true
3 < 2; // false
3 < 3; // false
Lebih Besar Dari atau Sama Dengan (>=)
Operator ini (>=) membandingkan apakah nilai operan di sebelah kiri lebih besar atau sama dengan nilai operan di sebelah kanan.
Contoh:
2 >= 3; // false
3 >= 2; // true
3 >= 3; // true
Lebih Kecil Dari atau Sama Dengan (<=)
Sama seperti operator sebelumnya, operator ini (<=) membandingkan apakah nilai operan di sebelah kiri lebih kecil atau sama dengan nilai operan di sebelah kanan.
Contoh:
2 <= 3; // true
3 <= 2; // false
3 <= 3; // true