Boolean JavaScript

Penjelasan Boolean

Boolean adalah salah satu jenis data yang ada di JavaScript.

Boolean hanya memiliki dua buah value yaitu [true] atau [false]. true artinya benar dan false artinya salah.

Comparison operator dan Conditional statement

Comparison operator dan conditional statement merupakan dasar dari boolean.

Comparison operator merupakan operator yang digunakan untuk membandingkan dua buah value. Lihat berbagai macam comparison operator disini.

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

Berikut ini adalah contoh comparison operator dan conditional statement:

Operator Penjelasan Conditional statement
== sama dengan if (hari == "Kamis")
> lebih besar dari if (Upah > 20000)
< lebih kecil dari if (Umur < 23)

Boolean() function

Boolean() function bisa digunakan untuk mengetahui apakah sebuah conditional statement itu benar atau salah.

Code JavaScript 1:

<script>
var a = Boolean(10 > 8);

document.write(a);
</script>

Hasil code JavaScript 1:

true

Pada code di atas kita ingin mengetahui apakah 10 lebih besar daripada 8 menggunakan Boolean() function. Karena 10 lebih besar daripada 8 maka Boolean() function menghasilkan true.

Code Boolean() function di atas bisa lebih disederhanakan seperti di bawah ini:

Code JavaScript 2:

<script>
var a = (10 > 8); // versi sederhana 1
var b = 10 > 8;   // versi sederhana 2

document.write(a);
document.write("<br />");
document.write(b);
</script>

Hasil code JavaScript 2:

true
true

Value true

Berikut ini adalah beberapa jenis value yang menghasilkan true bila diperiksa menggunakan Boolean() function:

  • Semua angka selain nol
  • Semua string selain string kosong
  • Perhitungan matematika yang menghasilkan angka selain nol
  • Conditional statement yang benar

Berikut ini adalah contoh value yang menghasilkan true:

Code JavaScript 2:

<script>
var a = Boolean(20);
var b = Boolean(3.14);
var c = Boolean(-12);
var d = Boolean("Mangga");
var e = Boolean("false");
var f = Boolean(5 + 2 + 3.14);
var g = Boolean(4 < 6);

document.write("Angka positif menghasilkan : " + a + "<br />");
document.write("Angka desimal menghasilkan : " + b + "<br />");
document.write("Angka negatif menghasilkan : " + c + "<br />");
document.write("String menghasilkan : " + d + "<br />");
document.write("String berisi false menghasilkan : " + e + "<br />");
document.write("Perhitungan matematika menghasilkan : " + f + "<br />");
document.write("Perbandingan benar menghasilkan : " + g + "<br />");
</script>

Hasil code JavaScript 2:

Angka positif menghasilkan : true
Angka desimal menghasilkan : true
Angka negatif menghasilkan : true
String menghasilkan : true
String berisi false menghasilkan : true
Perhitungan matematika menghasilkan : true
Perbandingan benar menghasilkan : true

Value false

Berikut ini adalah beberapa jenis value yang menghasilkan false bila diperiksa menggunakan Boolean() function:

  • Value dengan nilai nol
  • String kosong [""]
  • undefined
  • null
  • false
  • NaN (Not a Number)
  • Conditional statement yang salah

Code JavaScript 3

<script>
var a = Boolean(0);
var b = Boolean("");
var c = Boolean(undefined);
var d = Boolean(null);
var e = Boolean(false);
var f = Boolean(NaN);
var g = Boolean(4 > 6);

document.write("Angka nol menghasilkan : " + a + "<br />");
document.write("String kosong menghasilkan : " + b + "<br />");
document.write("undefined menghasilkan : " + c + "<br />");
document.write("null menghasilkan : " + d + "<br />");
document.write("false menghasilkan : " + e + "<br />");
document.write("NaN menghasilkan : " + f + "<br />");
document.write("Perbandingan salah menghasilkan : " + g + "<br />");
</script>

Hasil code JavaScript 3:

Angka nol menghasilkan : false
String kosong menghasilkan : false
undefined menghasilkan : false
null menghasilkan : false
false menghasilkan : false
NaN menghasilkan : false
Perbandingan salah menghasilkan : false

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>