js输出数字用千分号分隔的三种方法
2013-11-26 15:32
316 查看
第一种方法:将数字转换成字符串进行处理。
第二种方法:用正则表达式进行匹配。
正则表达式解析:
先把上面这个表达式的结构解析为如下形式:/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。
第三种方法:使用原生函数。
注意:
第三种方法并不支持所有浏览器,在FireFox和Safari中无效。详见 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString 。
以上参考:
http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
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://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
相关文章推荐
- js 字符串转换成数字的三种方法, 取float型小数点后两位数的方法
- 字符串转换成数字的三种方法 js
- js 字符串转换成数字的三种方法
- JavaScript进阶(四)js字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- 利用JS把字符串转换为数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- js 字符串转换成数字的三种方法
- JS字符串转换成数字的三种经典方法和代码实例
- js 字符串转换成数字的三种方法