使用 Intl.NumberFormat 顯示百分比

前言

  在 初探 Intl.NumberFormat 示範如何顯示幣值，但 Intl.NumberFormat 不只能顯示幣值，也能顯示百分比，在此把學習的過程做個紀錄。

內容

  範例如下

let number = 0.25;
//
console.log( new Intl.NumberFormat('de-DE', { 
  style: 'percent', 
  }).format( number) );//25 %
//
console.log( new Intl.NumberFormat('ja-JP', { 
  style: 'percent', 
  }).format( number) );//25%
//
console.log( new Intl.NumberFormat('zh-tw', { 
  style: 'percent', 
  }).format( number) );//25%

使用的方法是在 style 參數使用 persent ，要注意 1 代表 100% ，不同區域是有差別的!範例的第一個示範顯示會多空一個空格。

參考資料

[ developer.mozilla.org ] Intl.NumberFormat

相關文章與資料

初探 Intl.NumberFormat