Halo semuanya, kali ini saya akan menjelaskan tentang apa itu Boolean JavaScript. Boolean adalah tipe data primitif dalam JavaScript yang hanya memiliki dua nilai yaitu benar atau salah. Berguna dalam mengontrol aliran program menggunakan pernyataan bersyarat seperti if..else, switch, while, do.. while.
Contoh :
<!DOCTYPE html> <html> <body> <h1>Demo: JavaScript Boolean</h1> <script> var YES = true; var NO = false; alert(YES); alert(NO); </script> </body> </html>
Contoh diatas akan menampilkan alert berisi pesan yes, dan no karena menggunakan code boolean javascript seperti dibawah ini :
<script>
var YES = true;
var NO = false;
alert(YES);
alert(NO);
</script>Contoh berikut menunjukkan bagaimana nilai Boolean mengontrol aliran program menggunakan kondisi if.
<!DOCTYPE html>
<html>
<body>
<h1>Demo: JavaScript Boolean</h1>
<script>
var YES = true;
var NO = false;
if(YES)
{
alert("This code block will be executed");
}
if(NO)
{
alert("This code block will not be executed");
}
</script>
</body>
</html>Hasil dari code diatas adalah muncul alert yang berisi “This code block will be executed”. Code if sendiri akan membaca if yang bersifat ‘true’. Oleh karena itu jika if (yes) ditaruh di atas ataupun bawah hasil alertnya akan mengikuti dimana yes=true itu berada.
Dan untuk semua jenis perbandingan akan mengembalikan hasil dari boolean.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h1>Demo: JavaScript Boolean</h1>
<script>
alert(1 > 2); // false
alert(10< 9); // false
alert(5 == 5); // true
</script>
</body>
</html>Ketika dijalankan, code tersebut akan menampilkan alert false, false, dan true. Sesuai dengan isi dari alert tersebut apakah isi nya true atau false.
BOOLEAN OBJECT
JavaScript menyertakan sebuah objek Boolean untuk mewakili true atau false. Ini dapat diinisialisasi menggunakan kata kunci baru.
Contoh :
<!DOCTYPE html> <html> <body> <h1>Demo: JavaScript Boolean Object</h1> <script> var bool = new Boolean(true); alert(bool); // true </script> </body> </html>
Untuk hasilnya ketika dijalankan adalah alert berisi true. Selain itu JavaScript memperlakukan string kosong (“”), 0, tidak terdefinisi, dan null sebagai false. Selain itu yang lain artinya true.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h1>Demo: JavaScript Boolean</h1>
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p3"></p>
<p id="p4"></p>
<p id="p5"></p>
<p id="p6"></p>
<p id="p7"></p>
<script>
var bool1 = new Boolean("");
document.getElementById("p1").innerHTML = bool1;
var bool2 = new Boolean(0);
document.getElementById("p2").innerHTML = bool2;
var bool3 = new Boolean(undefined);
document.getElementById("p3").innerHTML = bool3;
var bool4 = new Boolean(null);
document.getElementById("p4").innerHTML = bool4;
var bool5 = new Boolean(NaN);
document.getElementById("p5").innerHTML = bool5;
var bool6 = new Boolean("some text");
document.getElementById("p6").innerHTML = bool6;
var bool7 = new Boolean(1);
document.getElementById("p7").innerHTML = bool7;
</script>
</body>
</html>Untuk hasilnya adalah sebagai berikut :
Boolean Methods
Berikut adalah methods dari boolean :
| Method | Description |
|---|---|
| toLocaleString() | Mengembalikan string nilai Boolean ke browser lokal. Contoh: var result = (1 > 2); result.toLocaleString(); // returns "false" |
| toString() | Mengembalikan string Boolean Contoh: var result = (1 > 2); result.toString(); // returns "false" |
| valueOf() | Mengembalikan nilai objek Boolean Contoh: var result = (1 > 2); result.valueOf(); // returns false |
Poin untuk Diingat:
1. Tipe data JavaScript Boolean dapat menyimpan salah satu dari dua nilai, benar atau salah.
2. Objek Boolean dapat dibuat dengan menggunakan kata kunci baru. misalnya var YES = Boolean baru (true);
3. JavaScript memperlakukan string kosong (""), 0, tidak terdefinisi, dan null sebagai salah. Segala sesuatu yang lain benar.
4. Metode Boolean digunakan untuk melakukan tugas yang berbeda pada nilai Boolean.