时间:2021-05-26
在对数值进行格式化的时候,一个常见的问题是按照千分位格式化,网上对这个问题已经有很多种解决方法了,还可以利用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数值千分位格式化的两种简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS数字千分位格式化实现方法。分享给大家供大家参考,具体如下:用js实现如下功能,将给定的数字转化成千分位的格式,如把“10000”转化成“10,
前端开发中经常会碰到用JavaScript?格式化数字,最最常见的是格式化金额,一般格式化金额需要千分位分隔,保留2位小数等等。简单的功能函数类似的代码
js格式化金额,可选是否带千分位,可选保留精度,也是网上搜到的,但是使用没问题复制代码代码如下:/*将数值四舍五入后格式化.@paramnum数值(Number
可以通过缩放来进行分到元的转换,同时使用正则对处理后的数字进行千分位格式化方法1:(不丢失精度)functionFen2Yuan(num){if(typeofn
实例1格式化数字:定义和用法number_format()函数通过千位分组来格式化数字。注释:该函数支持一个、两个或四个参数(不是三个)。语法number_fo