文档章节

JS格式化数字金额用逗号隔开保留两位小数(转)

mysoftsky
 mysoftsky
发布于 2014/03/29 21:27
字数 695
阅读 549
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

JS格式化数字金额只留两位小数。写了个格式化函数。

可以控制小数位数,自动四舍五入。

js格式化金额的实例详解。

例如: 
12345格式化为12,345.00 
12345.6格式化为12,345.60 
12345.67格式化为 12,345.67 
只留两位小数。 
回来后写了个格式化函数。可以控制小数位数,自动四舍五入。 
代码: 

  1. function fmoney(s, n) { 

  2. = n > 0 && n <= 20 ? n : 2; 

  3. = parseFloat((+ "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 

  4. var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; 

  5. = ""; 

  6. for (= 0; i < l.length; i++) { 

  7. += l[i] + ((+ 1) % 3 == 0 && (+ 1) != l.length ? "," : ""); 

  8. } 

  9. return t.split("").reverse().join("") + "." + r; 

  10. }

调用:fmoney("12345.675910", 3),返回12,345.676 
还原函数: 

  1. function rmoney(s) { 

  2. return parseFloat(s.replace(/[^\d\.-]/g, "")); 

  3. }

示例(可保存一下代码为html文件,运行查看效果): 

  1. <SCRIPT> 

  2. function fmoney(s, n) { 

  3. = n > 0 && n <= 20 ? n : 2; 

  4. = parseFloat((+ "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; 

  5. var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]; 

  6. = ""; 

  7. for (= 0; i < l.length; i++) { 

  8. += l[i] + ((+ 1) % 3 == 0 && (+ 1) != l.length ? "," : ""); 

  9. } 

  10. return t.split("").reverse().join("") + "." + r; 

  11. } 

  12. function rmoney(s) { 

  13. return parseFloat(s.replace(/[^\d\.-]/g, "")); 

  14. } 

  15. function g(id) { 

  16. return document.getElementById(id); 

  17. } 

  18. window.onload = function() { 

  19. var num, txt = g("txt"), txt2 = g("txt2"), btn = g("btn"), btn2 = g("btn2"), span = g("span"); 

  20. btn.onclick = function() { 

  21. num = parseInt(g("num").value); 

  22. txt.value = fmoney(txt.value, num); 

  23. txt2.value = fmoney(txt2.value, num); 

  24. }; // 脚本学堂 www.jbxue.com

  25. btn2.onclick = function() { 

  26. num = parseInt(g("num").value); 

  27. span.innerHTML = "=" 

  28. + fmoney(rmoney(txt.value) + rmoney(txt2.value), num); 

  29. }; 

  30. }; 

  31. </SCRIPT> 

  32. 小数点位数: 

  33. <select id="num"> 

  34. <option value="2">2</option> 

  35. <option value="3">3</option> 

  36. <option value="4">4</option> 

  37. <option value="5">5</option> 

  38. </select> 

  39. <input type="text" id="txt" value="12345.675910"> + 

  40. <input type="text" id="txt2" value="1223"> <span id="span"></span> 

  41. <br> 

  42. <input type="button" id="btn" value="格式化"> 

  43. <input type="button" id="btn2" value="相加">

附: 

  1. /* 

  2. * formatMoney(s,type) 

  3. * 功能:金额按千位逗号分割 

  4. * 参数:s,需要格式化的金额数值. 

  5. * 参数:type,判断格式化后的金额是否需要小数位. 

  6. * 返回:返回格式化后的数值字符串. 

  7. */ 

  8. function formatMoney(s, type) { 

  9. if (/[^0-9\.]/.test(s)) 

  10. return "0"; 

  11. if (== null || s == "") 

  12. return "0"; 

  13. = s.toString().replace(/^(\d*)$/, "$1."); 

  14. = (+ "00").replace(/(\d*\.\d\d)\d*/, "$1"); 

  15. = s.replace(".", ","); 

  16. var re = /(\d)(\d{3},)/; 

  17. while (re.test(s)) 

  18. = s.replace(re, "$1,$2"); 

  19. = s.replace(/,(\d\d)$/, ".$1"); 

  20. if (type == 0) {// 不带小数位(默认是有小数位) 

  21. var a = s.split("."); 

  22. if (a[1] == "00") { 

  23. = a[0]; 

  24. } 

  25. } 

  26. return s; 

  27. } 

  28. /* 

  29. * 通用DateAdd(interval,number,date) 功能:实现javascript的日期相加功能. 

  30. * 参数:interval,字符串表达式,表示要添加的时间间隔. 参数:number,数值表达式,表示要添加的时间间隔的个数. 参数:date,时间对象. 

  31. * 返回:新的时间对象. var now = new Date(); var newDate = DateAdd("day",5,now); 

  32. * author:devinhua(从○开始) update:2010-5-5 20:35 

  33. */ 

  34. function DateAdd(interval, number, date) { 

  35. if (date == null) 

  36. return ""; 

  37. switch (interval) { 

  38. case "day": 

  39. date = new Date(date); 

  40. date = date.valueOf(); 

  41. date += number * 24 * 60 * 60 * 1000; 

  42. date = new Date(date); 

  43. return date; 

  44. break; 

  45. default: 

  46. return ""; 

  47. break; 

  48. } 

  49. }

原文参考: 
js数值格式化成金额实现代码
js数值格式化成金额实现代码


本文转载自:

mysoftsky
粉丝 7
博文 176
码字总数 4429
作品 0
廊坊
私信 提问
JavaScript 浮点数运算的精度问题

在 JavaScript 中整数和浮点数都属于 数据类型,所有数字都是以 64 位浮点数形式储存,即便整数也是如此。 所以我们在打印 这样的浮点数的结果是 而非 。在一些特殊的数值表示中,例如金额,...

xiaogg
01/07
89
0
JS保留两位小数 四舍五入函数

JS保留两位小数 四舍五入函数的小例子。 js 四舍五入函数 toFixed(),里面的参数 就是保留小数的位数。 <script language="javascript"> document.write("<h1>JS保留两位小数例子</h1><br>......

mysoftsky
2014/03/29
3.4K
0
js小数点保留时的四舍五入问题的处理

需求:要求保留两位小数,四舍五入 js的toFixed方法保留小数时的处理是4、5舍6入 使用Math.round(x)来进行数值转换,把一个数字数字舍入为最接近的整数 为什么要乘以100除以10呢? 因为js涉及...

jia林
03/21
0
0
Python全栈 Web(JavaScript 变量、数据类型)

JavaScript概述: 什么是JavaScript? 简称JS 是一种运行于解释器或执行引擎中的脚本代码 是一种浏览器解释型的语言 主要用来实现页面的交互设计动态效果 JS的组成: 核心语法 ECMAScript 规...

巴黎香榭
2018/09/10
0
0
使用Highcharts结合PHP与Mysql生成饼状图

[转]使用Highcharts结合PHP与Mysql生成饼状图 我们在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分...

考拉睡
2013/05/31
349
0

没有更多内容

加载失败,请刷新页面

加载更多

是否有内置功能可以打印对象的所有当前属性和值?

所以我在这里寻找的是类似PHP的print_r函数。 这样一来,我可以通过查看问题对象的状态来调试脚本。 #1楼 可能值得一看- 是否有与Perl的Data :: Dumper等效的Python? 我的建议是 https://gi...

技术盛宴
32分钟前
5
0
直击面试,聊聊 GC 机制

前言 文章来源:https://studyidea.cn/ GC 中文直译垃圾回收,是一种回收内存空间避免内存泄漏的机制。当 JVM 内存紧张,通过执行 GC 有效回收内存,转而分配给新对象从而实现内存的再利用。 ...

程序通事
35分钟前
4
0
Mybatis where 1=1 和 标签

在mybatis中拼接查询语句,偶尔会出现where后面可能一个字段的值都没有,就导致所有条件无效,导致where没有存在的意义;但也有可能这些条件会存在。那解决这个问题的方法,最常见的就是: ...

观海562
37分钟前
4
0
git常用初始化设置

日志编辑工具 git config --global core.editor vim ssh访问 cd /home/weiguangyue/.sshssh-keygen -t rsa -C weiyue888999@126.com 提交者信息用户名 git config --global user.nam......

萧默
38分钟前
4
0
面试题-关于Java线程池一篇文章就够了

在Java面试中,线程池相关知识,虽不能说是必问提,但出现的频次也是非常高的。同时又鉴于公众号“程序新视界”的读者后台留言让写一篇关于Java线程池的文章,于是就有本篇内容,本篇将基于J...

程序新视界
42分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部