Bingung Floating Number di Javascript - Keanehan Bilangan Desimal Dalam Javascript

Keunikan(Keanehan) 🤣 Javascript, kamu bisa build user interface yang keren,modern dan nyaman menggunakan Javascript, dan hasilnya sangat memuaskan. Dan jika yang kita bahas build user interfaces dengan javascript itu bukan keanehan tapi kelebihan jika menggunakan Javascript 🤣.

Photo by Ben White on Unsplash - Di Buat Bingung

Operator Desimal Dalam Bahasa Javascript.

Jika kita tidak cukup teliti dalam menggunakan operator desimal menggunakan Javascript bisa di buat bingung. Sebagai contoh di bawah ini menggunakan javasript console.log di browser.

pada baris di awal kita lihat perintah untuk membandingkan 2 buah nilai jika kita menghitung dengan kalkulator hasilnya adalah true atau benar tapi di javascript menghasilkan output false atau salah. Tentu membuat kita bingung kenapa hasil pengkalian nya jika dibandingkan dengan hasilnya mendapatkan output salah/false 🙃.

Tapi jangan buru buru langsung benci dengan javasript. kita coba cek hasil perbandingan perkalian yang di bari kedua ,

console.log(400.4 === 200.2*2)//output'true'

Jadi makin bingungkan kenapa hasil yang pertama outputnya false padahal secara teori hasilnya harusnya sama sama memiliki nilai output true. Oke mari kita selesaikan rasa penasaran kita. Dengan cara melihat dari hasil pengkalian yang akan di bandingkan.

console.log(100.1*3)//output'300.299999999995'

Taraaaaa nah tukan jika jadi tau kenapa perbandingan tadi outputnya false. Jika kita tidak mecoba langkah ini kita akan kebingungan kan.

Kenapa di Javascript hasil 100.1*3 //ouputnya 300.299999999995

karena memang begitulah uniknya Javascript dari beberapa ujicoba di console.log tidak semua perkalian memiliki output yang akurat misalnya output dari hasil di bawah ini.

console.log(100.1*6)//output'600.5999999999999'

gak akuratkan. wkwkwkwkwk 😅

Javascript berPedoman pada standart IEEE754

IEEE Standard for Floating-Point Arithmetic, yang menjadi standart International dalam binary encoded untuk bilangan desimal yang di gunakan untuk kebutuhan teknis hardware dan software. Walaupun ini merupakan standart international, standar ini juga memiliki kelemahan, seperti yang sudah kita coba barusan.

Jadi bagaimana solusinya nya udah terlanjur CINTA sama javascript. Cinta terkadang buta yakan 😍, dan cinta butuh perjuangan. azeeeeekkkk

Jika belum jatuh cinta ya kami lebih baik menghindar hehehe

Karena javascript menyadari akan keBingungan kita. javascript memberi solusi yang bisa kita coba.

SOLUSI

1. menggunakan built-in method toFixed.

   toFixed() bisa di handalkan untuk keUnikan yang membuat kita bingung. Method toFixed() akan membulatkan bilangan desimal yang banyak angka di belakang koma. Cara menggunakan method toFixed() seperti contoh di bawah ini,

   //(100.1 * 3).toFixed(1)
   console.log((100.1 * 3).toFixed(1))//output"300.3"

2. menggunakan library math.js

   karena bukan method built ini kamu perlu mengimport librarynya, karena kita tidak bahas cara mengimportnya kita langsung cek aja di output yang di hasilkan ya

   // compare values having a round-off error
   console.log(0.1 + 0.2 === 0.3)           // false
   console.log(math.equal(0.1 + 0.2, 0.3))  // true

Cemana Unik bangetkan javascript, tapi yang namanya cinta akan memperjuangkan apa yang kita cintai mendaki gunung dan lewati lembah pasti akan di lakukan .

Selamat mencoba. semoga membantu.