Tutorial Javascript Dasar #05 – Memahami Nilai Truthy dan Falsy JavaScript
Memahami Nilai Truthy dan Falsy JavaScript
Apa itu Nilai Truthy dan Falsy
Nilai truthy dan falsy merupakan sebuah sebutan bagi nilai non-boolean yang dievaluasi menjadi boolean, dimana sifat dari nilai non-boolean ini adalah automatic type conversion atau coercion. Terus apa perbedaan antara keduanya? Nah, untuk nilai truthy sendiri merupakan nilai non-boolean yang dievaluasi menjadi nilai true di JavaScript. Sementara nilai falsy merupakan nilai non-boolean yang dievaluasi menjadi nilai false di JavaScript.
Biasanya nilai truthy dan falsy digunakan pada conditional statement seperti if dan perulangan dan berikut ini contoh penggunaannya:
if ('') {
console.log('hello winners');
}
Perhatikan kode di atas, jika di dalam kurung melengkung ( … ) setelah keyword if bernilai true. Maka kode yang ada di dalam kurung kurawal { … } akan dieksekusi. Nilai di dalam kurung lengkung harus boolean (true atau false), kalau bukan kedua nilai tersebut maka dikonversi ke boolean secara otomatis.
Seperti contoh di atas, jika kita tidak memasukkan nilai boolean melainkan nilai string kosong. Maka string kosong yang dikonversi ke nilai boolean akan menjadi false, sehingga kode di dalam { … } seperti contoh di atas tidak akan dieksekusi.
Konversi Nilai ke Boolean
Kita bisa mengkonversi nilai ke boolean secara manual menggunakan fungsi constructor Boolean() atau !!. Perlu diingat bahwa kita tidak perlu mengkonversi secara manual ketika berada dalam konteks yang membutuhkan nilai boolean seperti conditional statement atau perulangan karena JavaScript akan melakukannya secara otomatis.
Jika kita ingin mengetahui nilai boolean dari sebuah nilai kita bisa melihatnya dengan menggunakan console.log() seperti berikut ini:
console.log(!!''); //false
//atau
console.log(Boolean('')); //falseNilai Truthy
Truthy atau nilai kebenaran adalah nilai yang dikonversi menjadi boolean true saat ditemui dalam konteks yang membutuhkan nilai boolean. Dan berikut ini daftar nilai yang jika dikonversi ke boolean akan menjadi true:
Sekarang coba kita buktikan, kita dapat memeriksanya menggunakan console.log(). Tapi pastikan dahulu bahwa kita melakukan konversi secara manual, karena console.log() bukan konteks yang membutuhkan nilai boolean sehingga tidak akan dikonversi secara otomatis.
Berikut ini contoh untuk memeriksa nilai boolean:
console.log(!!'hello'); //true
console.log(!!1); //true
console.log(!!1n); //true
console.log(!!true); //true
console.log(!!{}); //true
console.log(!![]); //true
console.log(!!Infinity); //true
console.log(!!-Infinity); //trueNilai Falsy
Kebalikan dari truthy, falsy adalah nilai yang akan dikonversi menjadi false saat ditemui dalam konteks boolean. Berikut daftar nilai yang jika dikonversi ke boolean akan menjadi false:
Sekarang mari kita coba buktikan dengan code berikut ini:
console.log(!!''); //false
console.log(!!0); //false
console.log(!!0n); //false
console.log(!!false); //false
console.log(!!null); //false
console.log(!!undefined); //false
console.log(!!NaN); //falseCara termudah untuk memahami atau menghafal nilai-nilai ini adalah cukup pahami atau ketahui nilai falsy, selain dari itu berarti truthy. Sebetulnya kita tidak perlu menghafalnya. Kalau tidak yakin apakah sebuah nilai truthy atau falsy kita bisa langsung tes menggunakan console.log().
Demikian pembahasan kita kali ini, tapi jangan khawatir kita akan kembali melanjutkan pembahasan tentang JavaScript lainnya pada artikel selanjutnya.
Jangan lupa subscribe artikel kami dengan memasukan email kalian pada kolom di samping, agar kalian tidak tertinggal artikel terbaru dari kami. Dan untuk kalian yang berminat belajar lebih lanjut tentang pemrograman JavaScript dan bahasa pemrograman lainnya, silahkan kunjungi social media Xsis Academy untuk info lebih lanjut mengenai Bootcamp Xsis Academy.
Selain itu, temukan juga video tutorial ngoding dari Tim Trainer Xsis Academy pada channel ETG berikut ini Youtube Equine Technologies Group
Penulis : Aulia Brahmantio Diaz – Webmaster Xsis Mitra Utama
Tutorial JavaScript Dasar
