javascript 带千分号显示数字

来源：互联网发布：学办公软件编辑：程序博客网时间：2024/06/05 14:36

第一种方法：将数字转换成字符串进行处理。

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;};

第二种方法：用正则表达式进行匹配。

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 。

参考自：http://m.blog.csdn.net/blog/yhc13429826359/16963443

0 0