首頁 >web前端 >js教程 >JS格式化數字金額用逗號隔開保留兩位小數_javascript技巧

JS格式化數字金額用逗號隔開保留兩位小數_javascript技巧

WBOY
WBOY原創
2016-05-16 17:19:421880瀏覽

例如:
12345格式化為12,345.00
12345.6格式化為12,345.60
12345.67格式化為 12,345.67
只留兩位小數。
回來後寫了個格式化函數。可以控制小數位數,自動四捨五入。 程式碼如下:

複製程式碼 程式碼如下:

function fmoney(s, nmoney(s, nmoney(s, nmoney(s, nmoney(s, nmoney(s, nmoney(s) {
n = n > 0 && n s = parseFloat((s "").replace(/[^d.-]/g, "")).toFixed(n ) "";
var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
t = "";
for (i = 0; i t = l[i] ((i 1) % 3 == 0 && (i 1) != l. length ? "," : "");
}
return t.split("").reverse().join("") "." r;
}

呼叫:fmoney("12345.675910", 3),回傳12,345.676
還原函數:
複製程式碼



function rmoney(s) {
return parseFloat(s.replace(/[^d.-]/g, ""));
}
範例(可儲存程式碼為html文件,執行檢視效果):複製程式碼

程式碼如下:


<script> <BR>function fmoney(s, n) { <BR>n = n > 0 && n <= 20 ? n : 2; <BR>s = parseFloat((s "" ).replace(/[^d.-]/g, "")).toFixed(n) ""; <BR>var l = s.split(".")[0].split(""). reverse(), r = s.split(".")[1]; <BR>t = ""; <BR>for (i = 0; i < l.length; i ) { <BR>t = l [i] ((i 1) % 3 == 0 && (i 1) != l.length ? "," : ""); <BR>} <BR>return t.split("").reverse( ).join("") "." r; <BR>} <BR>function rmoney(s) { <BR>return parseFloat(s.replace(/[^d.-]/g, "")); <BR>} <BR>function g(id) { <BR>return document.getElementById(id); <BR>} <BR>window.onload = function() { <BR>var num, txt = g(" txt"), txt2 = g("txt2"), btn = g("btn"), btn2 = g("btn2"), span = g("span"); <BR>btn.onclick = function() { <BR>num = parseInt(g("num").value); <BR>txt.value = fmoney(txt.value, num); <BR>txt2.value = fmoney(txt2.value, num); <BR>}; <BR>btn2.onclick = function() { <BR>num = parseInt(g("num").value); <BR>span.innerHTML = "=" <BR> fmoney(rmoney( txt.value) rmoney(txt2.value), num); <BR>}; <BR>}; <BR></script>
小數點位數:






附: 複製程式碼
程式碼如下:

/*
* formatMoney(s,type)
* 功能:金額以千位逗號分割
* 參數:s,需要格式化的金額數值.
* 參數:type,判斷格式化後的金額是否需要小數位.
* 回傳:傳回格式化後的數值字串.
*/
function formatMoney(s, type) {
if ( /[^0-9.]/.test(s))
return "0";
if (s == null || s == "")
return "0";
s = s.toString().replace(/^(d*)$/, "$1.");
s = (s "00").replace(/(d*.dd)d*/ , "$1");
s = s.replace(".", ",");
var re = /(d)(d{3},)/;
while (re. test(s))
s = s.replace(re, "$1,$2");
s = s.replace(/,(dd)$/, ".$1");
if (type == 0) {// 不帶小數位(預設為小數位)
var a = s.split(".");
if (a[1] == "00") {
s = a[0];
}
}
return s;
}
/*
* 通用DateAdd(interval,number,date) 功能:實作javascript的日期相加功能.
* 參數:interval,字串表達式,表示要新增的時間間隔. 參數:number,數值表達式,表示要新增的時間間隔的個數. 參數:date,時間物件.
* 回傳:新的時間物件. var now = new Date(); var newDate = DateAdd("day",5,now);
* author:devinhua(從○開始) update:2010 -5-5 20:35
*/
function DateAdd(interval, number, date) {
if (date == null)
return "";
switch (interval) {
case "day":
date = new Date(date);
date = date.valueOf();
date = number * 24 * 60 * 60 * 1000
date = new Date(date);
return date;
break;
default:
return "";
break;
}
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn