在 Intl.NumberFormat 控制顯示位數

前言

  Intl.NumberFormat  提供控制顯示位數的功能，在此把學習的過程做個紀錄。

內容

  範例如下

//
console.log( new Intl.NumberFormat('zh-TW', { 
  style: 'unit', 
  unit : 'liter',
  signDisplay : 'auto',
  minimumIntegerDigits : 3
  }).format( 10) );//010 升

//
console.log( new Intl.NumberFormat('zh-TW', { 
  style: 'unit', 
  unit : 'liter',
  signDisplay : 'auto',
  minimumFractionDigits : 3
  }).format( 10) );//10.000 升

//
console.log( new Intl.NumberFormat('zh-TW', { 
  style: 'unit', 
  unit : 'liter',
  signDisplay : 'auto',
  maximumFractionDigits : 3
  }).format( 10.12345) );//10.123

控制顯示位數的參數分別是 minmumIntegerDigits 、 minmumFractionDigits 與 maxmumFractionDigits ， minmumIntegerDigits  是最少整數的顯示位數，如果要顯示的位數彼此數還小前方會補零，minmumFractionDigits  與 maxmumFractionDigits  分別代表最少小數顯示位數與最大小數顯示位數，minmumFractionDigits  碰到為數不足時會補零，maxmumFractionDigits  在超出為數時會直接不顯示。

參考資料

[ developer.mozilla.org ] Intl.NumberFormat

相關文章與資料

使用 Intl.NumberFormat 顯示單位