Javascript的數學難題

首先先考大家幾個數學題,如果這幾題的答案你都能順利的回答,那恭喜你!你可以安心地閱讀這篇文章,你一定能看懂!

題目ㄧ. 0.1 + 0.2 = ?
題目二. 1 – 0.9 = ?
題目三. 0.69 x 10 = ?

相信上面三個簡單的十進位數學運算,你的答案應該會跟我一樣吧?

第一題. 0.3
第二題. 0.1
第三題. 6.9

上面應該是無庸置疑的答案,但是如果我們把這三個題目丟給Javascript去運算之後,得到的結果會變成這樣:

第一題. 0.1 + 0.2 = 0.30000000000000004
第二題. 1 – 0.9 = 0.09999999999999998
第三題. 0.69 x 10 = 6.8999999999999995

什麼!?Javascript連這種小學生的算術都會算錯嗎?其實是有原因的,Javascript所有數字都是以64位浮點數形式儲存,也就是所有的數字都會變轉換成二進位。

上面題目中特別有提到這是3個十進位的數學運算,這也就是這個題目的重點,如果今天的題目改成:10 / 3 = 3.3333333333333334 也許你就能比較明白了,也就是說在十進位中要表達 1 / 3 和二進位中表達 1 / 10 一樣困難。

但其實在我們設計網頁的過程中,使用者是沒有二進位觀念的,只在乎運算出來的數值是否符合十進位的結果,這個時候我們可以利用一些技巧來達成正確的結果。

方法1 . 將小數變成整數後再進行運算


第一題. ((0.1 x 10) + (0.2 x 10)) / 10 = 0.3
第二題. ((1 x 10) – (0.9 x 10)) / 10 = 0.1
第三題. ((0.69 x 100) x 10 / 100) = 6.9

雖說以上的方法能夠順利完成任務,但若運算的數值是動態(Dynamic)的,乘數的部分就比較難下,所以我們可以採用第二種方法。

方法2. Math.js(https://mathjs.org/


透過網站上提供的js,或是透過CDN(https://cdnjs.com/libraries/mathjs)來引入後,透過以下的方法,就可以正確計算出上面三個題目的結果,其中14指的是精準度,通常已經很夠用了。

第一題. math.format(0.1 + 0.2 , 14) = 0.3
第一題. math.format(1 – 0.9 , 14) = 0.1
第一題. math.format(0.69 x 10 , 14) = 6.9

其實Math.js還有很多好用的功能,可以到它官方的網站閱讀一些文章,基本上所有的數學運算應該都可以透過它來玩完成。

You may also like...

108,319 Responses

  1. RogerFaf表示:

    http://fastpillseasy.com/# cheapest online ed meds

  2. срочное оформление загранпаспорта срочное оформление загранпаспорта .

  3. Nepomniachtchi worked with second Nikita Vitiugov, along with Maxim Matlakov and Ildar Khairullin, whereas also consulting with former world champion Vladimir Kramnik.

  4. BrandonFlase表示:

    Biography of Spanish footballer Pedri https://pedri-bd.com statistics at Barcelona, ??games with teammate Gavi, inclusion in the national team for Euro, meme with Cristiano Ronaldo.

  5. срочное изготовление загранпаспорта срочное изготовление загранпаспорта .

  6. Charlesbot表示:

    http://fastpillseasy.com/# online ed treatments

  7. RogerFaf表示:

    http://fastpillseasy.com/# get ed meds today

  8. You’ll be able to create a draft and submit it for evaluation or request that a redirect be created, however consider checking the search outcomes below to see whether or not the subject is already coated.

  9. Survivors embody one daughter-in-legislation, Wanda Carson of Little Rock; two grandsons, Kevin Hampson of San Antonio, Texas, and Carson Hampson of Little Rock; and one great-grandchild, Chloe Hampson of San Antonio.

  10. A shaping operation could also be the principle effort earlier than execution of the decisive operation.

  11. неотложная наркологическая помощь в москве [url=http://www.rolandus.org/forum/viewtopic.php?p=106508/]неотложная наркологическая помощь в москве[/url] .

  12. частная скорая наркологическая помощь [url=www.vishivayu.ukrbb.net/viewtopic.php?f=12&t=13503/]www.vishivayu.ukrbb.net/viewtopic.php?f=12&t=13503/[/url] .

  13. наркологическая скорая в москве [url=honey.ukrbb.net/viewtopic.php?f=45&t=16764]наркологическая скорая в москве[/url] .

  14. A brand new manager showing this type of knowledge and skill, right from the start of their career will shine in the eyes of senior administration.

  15. Donaldabula表示:

    Generic Viagra online Fast Pills For Men Viagra online price

  16. Donaldabula表示:

    Generic Viagra for sale FastPillsForMen cheap viagra

  17. Barrybib表示:

    get ed prescription online: buy erectile dysfunction pills online – where can i buy erectile dysfunction pills

  18. Профессиональные системы для оснащения конференц-залов оборудованием
    оснащение конференц зала https://oborudovaniye-konferents-zalov1.ru/ .

  19. сколько стоит сделать загранпаспорт сколько стоит сделать загранпаспорт .

  20. Barrybib表示:

    Buy Tadalafil 5mg: buy cialis online – п»їcialis generic

  21. вызвать наркологическую помощь http://www.klin.0pk.me/viewtopic.php?id=4428/ .

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。