Comparison Operator dan Logical Operator JavaSript

Comparison Operator dan Logical Operator digunakan sebagai dasar dari boolean yaitu untuk memeriksa apakah sebuah conditional statement itu true (benar) atau false (salah).

Conditional statement adalah sebuah pernyataan yang digunakan untuk membandingkan dua buah value. Di dalam conditional statement terdapat comparison operator atau logical operator dan dua buah value.

Berikut ini adalah contoh dari conditional statement:

2 > 5

Pada code di atas terdapat dua buah value yaitu [2 dan 5] dan sebuah comparison operator yaitu [>]. Karena 2 lebih kecil daripada 5 maka conditional statement di atas salah sehingga hasil dari conditional statement di atas adalah false.

Comparison Operator

Berikut ini adalah berbagai macam comparison operator:

Operator Penjelasan Contoh Hasil
== sama dengan 3 == 5 false
=== sama dengan dan sama jenis 3 === 5 false
!= tidak sama dengan 3 != 5 true
!== tidak sama dengan atau tidak sama jenis 3 != 5 true
< lebih kecil dari 3 < 5 true
> lebih besar dari 3 > 5 false
<= lebih kecil atau sama dengan 3 <= 5 true
>= lebih besar dari atau sama dengan 3 >= 5 false

Berikut ini adalah contoh operator [==]:

Code JavaScript 1:

<script>
var x = 3;
var a = Boolean(x == 6);
var b = Boolean(x == 3);

document.write("Apakah x == 6 ? " + a + "<br />");
document.write("Apakah x == 3 ? " + b);
</script>

Hasil code JavaScript 1:

Apakah x == 6 ? false
Apakah x == 3 ? true

Berikut ini adalah contoh operator [===]:

Code JavaScript 2:

<script>
var x = 3;
var a = Boolean(x === "3");
var b = Boolean(x === 3);

document.write("Apakah x === \"3\" ? " + a + "<br />");
document.write("Apakah x === 3 ? " + b);
</script>

Hasil code JavaScript 2:

Apakah x === "3" ? false
Apakah x === 3 ? true

Berikut ini adalah contoh operator [!=]:

Code JavaScript 3:

<script>
var x = 3;
var a = Boolean(x != 5);
var b = Boolean(x != 3);

document.write("Apakah x != 5 ? " + a + "<br />");
document.write("Apakah x != 3 ? " + b);
</script>

Hasil code JavaScript 3:

Apakah x != 5 ? true
Apakah x != 3 ? false

Berikut ini adalah contoh operator [!==]:

Code JavaScript 4:

<script>
var x = 3;
var a = Boolean(x !== "3");
var b = Boolean(x !== 3);

document.write("Apakah x !== \"3\" ? " + a + "<br />");
document.write("Apakah x !== 3 ? " + b);
</script>

Hasil code JavaScript 4:

Apakah x !== "3" ? true
Apakah x !== 3 ? false

Berikut ini adalah contoh operator [<]:

Code JavaScript 5:

<script>
var x = 3;
var a = Boolean(x < 5);
var b = Boolean(x < 3);

document.write("Apakah x < 5 ? " + a + "<br />");
document.write("Apakah x < 3 ? " + b);
</script>

Hasil code JavaScript 5:

Apakah x < 5 ? true
Apakah x < 3 ? false

Berikut ini adalah contoh operator [>]:

Code JavaScript 6:

<script>
var x = 3;
var a = Boolean(x > 5);
var b = Boolean(x > 3);

document.write("Apakah x > 5 ? " + a + "<br />");
document.write("Apakah x > 3 ? " + b);
</script>

Hasil code JavaScript 6:

Apakah x > 5 ? false
Apakah x > 3 ? false

Berikut ini adalah contoh operator [<=]:

Code JavaScript 7:

<script>
var x = 3;
var a = Boolean(x <= 5);
var b = Boolean(x <= 3);

document.write("Apakah x <= 5 ? " + a + "<br />");
document.write("Apakah x <= 3 ? " + b);
</script>

Hasil code JavaScript 7:

Apakah x <= 5 ? true
Apakah x <= 3 ? true

Berikut ini adalah contoh operator [>=]:

Code JavaScript 8:

<script>
var x = 3;
var a = Boolean(x >= 5);
var b = Boolean(x >= 3);

document.write("Apakah x >= 5 ? " + a + "<br />");
document.write("Apakah x >= 3 ? " + b);
</script>

Hasil code JavaScript 8:

Apakah x >= 5 ? false
Apakah x >= 3 ? true

Logical Operator

Operator Penjelasan Contoh Hasil
&& dan (2 < 10 && 3 > 1) true
|| atau (2 == 5 || 3 == 5) false
! tidak !(2 == 3) true

Penjelasan operator [&&]

Operator [&&] berguna untuk membandingkan dua buah nilai boolean. Supaya menghasilkan [true] maka kedua nilai boolean yang dibandingkan harus [true]. Bila hanya salah satu saja yang [true] maka hasil dari operator [&&] adalah [false].

  • Perbandingan (true && true) adalah true.
  • Perbandingan (true && false) adalah false.
  • Perbandingan (false && false) adalah false.

Berikut ini adalah contoh operator [&&]:

Code JavaScript 9:

<script>
var x = 3;
var y = 5;
var a = Boolean(x < 10 && y > 1);

document.write("Hasil dari (x < 10 && y > 1) adalah: " + a);
</script>

Hasil code JavaScript 9:

Hasil dari (x < 10 && y > 1) adalah: true

Penjelasan operator [||]

Symbol pipa ini [|] bisa didapatkan dari tombol di atas tombol enter pada keyboard standar.

Operator [||] berguna untuk membandingkan dua buah nilai boolean. Supaya menghasilkan [true] maka cukup salah satu nilai boolean yang [true].

  • Perbandingan (true || true) adalah true.
  • Perbandingan (true || false) adalah true.
  • Perbandingan (false || false) adalah false.

Berikut ini adalah contoh operator [||]:

Code JavaScript 10:

<script>
var x = 3;
var y = 5;
var a = Boolean(x < 10 || y < 1);

document.write("Hasil dari (x < 10 || y < 1) adalah: " + a);
</script>

Hasil code JavaScript 10:

Hasil dari (x < 10 || y < 1) adalah: true

Penjelasan operator [!]

Operator [!] berguna untuk membalik nilai boolean yang ada.

Misalkan saja sebuah nilai boolean adalah [true] maka dengan operator [!] hasilnya adalah [false]. Sebaliknya, bila sebuah nilai boolean adalah [false] maka dengan operator [!] hasilnya adalah [true].

Berikut ini adalah contoh operator [!]:

Code JavaScript 11:

<script>
var x = 3;
var y = 5;
var a = Boolean(!(x == y));

document.write("Hasil dari !(x == y) adalah: " + a);
</script>

Hasil code JavaScript 11:

Hasil dari !(x == y) adalah: true

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>