2024年8月26日 星期一

再探 Intl.NumberFormat 控制顯示位數

 再探 Intl.NumberFormat 控制顯示位數

前言

  在先前的 在 Intl.NumberFormat 控制顯示位數 介紹了控制顯示位數的參數,但發現少介紹兩個,這次把它補齊,在此把學習的過程做個紀錄。


內容

  範例如下

console.log( new Intl.NumberFormat('zh-TW', { 
  style: 'unit', 
  unit : 'liter',
  unitDisplay : 'long',
  minimumSignificantDigits : 4,
  }).format( 10) );//10.00 公升
//
console.log( new Intl.NumberFormat('zh-TW', { 
  style: 'unit', 
  unit : 'liter',
  unitDisplay : 'long',
  maximumSignificantDigits : 4,
  }).format( 10.5678) );//10.57 公升


少介紹的參數為 minimunSignificantDigits 與 maximunSignificantDigits ,分別控制最大與最少的顯示位數,這個顯示顯示是整數與小樹一起算的,範例的第一例的 10 ,顯示結果是 10.00 是因為要補足最少顯示位數 4 ,所以最後補了兩位小數, 第二例顯示結果是 10.57 ,由於最大顯示位數是 4 加上小數第三位的四捨五入,所以結果不是 10.56 ,而是 10.57。


參考資料

[ developer.mozilla.org ] Intl.NumberFormat


相關文章與資料

在 Intl.NumberFormat 控制顯示位數



沒有留言:

張貼留言