第一种方法:将数字转换成字符串进行处理
参数
描述
index
必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany
必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX
可选。向数组添加的新项目。
function formatNumber(num) {
var decimalPart = '';
num = num.toString();
if (num.indexOf('.') != -1) {
decimalPart = '.' + num.split('.')[1];
num = parseInt(num.split('.')[0]);
}
var array = num.toString().split('');
var index = -3;
while (array.length + index > 0) {
// 从单词的最后每隔三个数字添加逗号
array.splice(index, 0, ',');
index -= 4;
}
return array.join('') + decimalPart;
};
第二种方法:用正则表达式进行匹配
/**
* 正则表达式的含义:
* \b 表示单词间隔 如 i am here \bhere\b, 如果是 iamhere 则用 \bhere\b不能匹配here,只能用here匹配
* \B 和 \b相反,类似\d \D的关系。 \B表示非单词间隔上面的例子 iamhere如果用\Bhere 则可以匹配
* (?=(\d{3})+(?!\d)) 意思连续三位为数字,且满足最后一位不是数字,也就是单词结尾了,所以能做到单词往前推三位加上逗号
*/
function formatNumberRgx(num) {
var parts = num.toString().split(".");
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return parts.join(".");
};
正则表达式解析:
/\B(?=(\d{3})+(?!\d))/g
先把上面这个表达式的结构解析为如下形式:/x(?=y)/g 。其中 g 代表全局匹配,x(?=y)匹配x当且仅当x 后面是 y ,x代表 \B ,y 代表 (\d{3})+(?!\d)。\B 匹配非单词边界,两边都是单词字符或者两边都是非单词字符,形如:\w\B\w 或者 \W\B\W。(\d{3})+(?!\d)又可以解为: x(?!y),匹配x 当且仅当 x后面不是 y 。其中x代表 (\d{3})+,y代表 \d。(\d{3})+ 匹配三个数字,出现次数>=1。
第三种方法:使用原生函数。
number.toLocaleString();
注意:
第三种方法并不支持所有浏览器,在FireFox和Safari中无效。
详见
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString