DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript數值千分位格式化的兩種簡單實現方法
JavaScript數值千分位格式化的兩種簡單實現方法
編輯:關於JavaScript     

在對數值進行格式化的時候,一個常見的問題是按照千分位格式化,網上對這個問題已經有很多種解決方法了,還可以利用Array.prototype.reduce方法來實現千分位格式化。

function formatNumber(num) { 
  if (isNaN(num)) { 
    throw new TypeError("num is not a number"); 
  } 
 
  var groups = (/([\-\+]?)(\d*)(\.\d+)?/g).exec("" + num), 
    mask = groups[1],            //符號位 
    integers = (groups[2] || "").split(""), //整數部分 
    decimal = groups[3] || "",       //小數部分 
    remain = integers.length % 3; 
 
  var temp = integers.reduce(function(previousValue, currentValue, index) { 
    if (index + 1 === remain || (index + 1 - remain) % 3 === 0) { 
      return previousValue + currentValue + ","; 
    } else { 
      return previousValue + currentValue; 
    } 
  }, "").replace(/\,$/g, ""); 
  return mask + temp + decimal; 
}

Array的reduce方法在IE9以下不支持,不過,我們可以基於ECMAScript 3來實現一個reduce方法。

在JavaScript中,字符串的replace方法的匹配模式參數除了字符串以外還可以是一個正則表達式,下面是利用String.prototype.replace方法來實現千分位格式化的具體代碼:

function formatNumber(num) { 
  if (isNaN(num)) { 
    throw new TypeError("num is not a number"); 
  } 
 
  return ("" + num).replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");  
} 

(\d{1,3})是一個捕獲分組,可以用$1來反向引用,?=(\d{3})+(?:$|\.)是正向斷言,表示匹配1到3個數字後面必須跟3個數字,但不含最後的3個數字或者3個數字和小數點。

以上這篇JavaScript數值千分位格式化的兩種簡單實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved