js 解决千分号的问题；

（转）js输出数字用千分号分隔的三种方法

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

参数 描述
index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX	可选。向数组添加的新项目。
Javascript代码  收藏代码
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;  
};  

第二种方法：用正则表达式进行匹配
Javascript代码  收藏代码
/**  
 * 正则表达式的含义： 
 *  \b 表示单词间隔 如 i am here \bhere\b, 如果是 iamhere 则用 \bhere\b不能匹配here,只能用here匹配 
 *  \B 和 \b相反，类似\d \D的关系。 \B表示非单词间隔上面的例子 iamhere如果用\Bhere 则可以匹配 
 *  (?=(\d{3})+(?!\d)) 意思连续三位为数字，且满足最后一位不是数字，也就是单词结尾了，所以能做到单词往前推三位加上逗号 
 */  
Javascript代码  收藏代码
function formatNumberRgx(num) {  
  var parts = num.toString().split(".");  
  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");  
  return parts.join(".");  
};  
 

 

正则表达式解析：

Javascript代码  收藏代码
/\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。

 


第三种方法：使用原生函数。
 

Javascript代码  收藏代码
number.toLocaleString();  

注意：
 

第三种方法并不支持所有浏览器，在FireFox和Safari中无效。

详见

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString