如果数字比较长每3个数字用 “,” 隔开,方便查看,如:7,890,789.0
现我们用几种方法实现
(1)正则表达式
("7890789.0").replace(/\d(?=(?:\d{3})+\b)/g, '$&,')
这句代码什么意思呢,刚一看,比较迷茫,首先需要了解几个常用的正则表达式符号的意思
\d : 匹配一个数字
(?:x) : 匹配 'x' 但是不记住匹配项。这种叫作非捕获括号
x(?=y):匹配'x'仅仅当'x'后面跟着'y'.这种叫做正向肯定查找
{n} :n是一个正整数,匹配了前面一个字符刚好发生了n次
\b :用来匹配单词的边界,大小写字母、数字、下划线可以组成单词的字符,这些字符和其它字符相邻则为单词边界
如abcd@ , d与@之间就可以用\b匹配,本文的例子来说7890789.0其中9与 “.” 之间的位置(单词字符与非单词字符之间的位置)就是单词的边界
了解上面常用的正则表达式的意思,我们就可以理解下面这串比较长的正则表达式的意思
("7890789.0").replace(/\d(?=(?:\d{3})+\b)/g, '$&,') 可以解释为匹配一个数字,这个数字后面与小数点之前这个范围是3的倍数的数字,其中\b的作用是控制小数点之前,匹配的这个数字最后替换为这个数字与 “,”组成的字符串
看下面的示意图,可能更好理解
其他方法
第二种方法
console.log(("78907899.0").replace(/\d{1,3}(?=(\d{3})+\b)/g, '$&,'))
第三种方法
console.log(("7907899.00").replace(/(\d)(?=(\d{3})+\b)/g, '$1,'))
//$1表示正则中第一对圆括号内匹配的内容,$&表示与 regexp 相匹配的子串,所以可以不用括号,但是$1一定匹配第一个带圆括号的
第四种方法
console.log((78907899.10).toLocaleString('en-US'));//这种方法不大好,如果小数点后是0就省略了
最后一种方法
var nums = "78907899.0012"
var result;
var agentArr = [];
var newNum;
var point;
var str = "";
if (nums.indexOf(".") != -1) {
agentArr = nums.split(".");
newNum = agentArr[0]
point = agentArr[1]
} else {
newNum = nums;
point = ""
}
console.log(newNum)
var len = Math.ceil(newNum.length / 3)
var len1 = newNum.length % 3
console.log(len, len1)
for (var i = 0; i < len; i++) {
if (len1 != 0) {
console.log("hi")
if (i == 0) {
str = str + newNum.substr(0, len1) + ", "
console.log(str)
} else if (i !== 0 && i !== 2) {
str = str + newNum.substr(len1 + 3 * (i - 1), 3) + ", "
console.log(str)
} else {
str = str + newNum.substr(len1 + 3 * (i - 1), 3)
console.log(str)
}
} else {
str = str + newNum.substr(3 * (i + 1), 3) + ", "
}
}
if (nums.indexOf(".") != -1) {
result = str + "." + point
} else {
result = str
}
console.log(result)