今天看源代码,研究了一下qz写的这个方法:

// 添加逗号分隔,返回为字符串  
comma: function(length) {
    if (!length || length < 1) length = 3;
    var source = ('' + this).split('.');
    source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{' + length + '})+$)', 'ig'), '$1,');
    return source.join('.');  
},

将一个数字的整数部分加上千分位分隔符,即从后往前,每三位数字加一个逗号。

代码里,source[0]取数字的整数部分,将整数部分拿出来,加上逗号后再拼上小数部分即完成。

对于这个正则:

(\\d)(?=(\\d{3})+$)

首先,(\\d)代表一个数字,正则表达式加括号是起到一个分组作用,将匹配到的内容放到match集合中,$相当于集合名字,1-9相当于索引,$1...$9相当于对应索引的值。

这里是为了给匹配到的数字加上逗号,来进行替换。

$1,$2...是表示的小括号里的内容 。$1是第一个小括号里的 ,$2是第2个小括号里的 
比如 /gai([\w]+?)over([\d]+)/ ,匹配 gainover123 
$1= 括号里的 n 
$2= 第2个括号里的 123

而 (?=(\\d{3})+$) 用到了断言(?=exp)。解释如下:

这个括号是指前一个括号的后面一定 肯定是 以 1个或多个 3个数字 结尾。

\d 匹配从0到9的数字

{n} 精确匹配n次
+ 匹配前面元字符一次或多次

整理一下逻辑,这个正则表达式是对于每一个数字,断言它后面是否是1个或多个3个数字结尾(后面跟的一定是3n(n>0)个数字),如果是,匹配成功,用该数字加逗号替换它,不是的话,匹配失败。

以12345678为例,从左至右匹配,首先是1,1后面是2345678$,7个数字,不符合断言,来到2,后面是345678$,符合断言,因此用 2, 替换 2,来到3,3后面是45678$,不符合断言,4也同样,5后面是678$,符合断言,替换为5, 而6 后面是 78$ ,不符合断言,7 8 也不符合,匹配结束。因此,最终结果是 12,345,678

在查资料的过程中,还发现了另一种方法:

"115000000".split("").reverse().join("").replace(/(\d{3})(?=[^$])/g, "$1,").split("").reverse().join("");

它是将数字先进行反转,然后从左往右,每三位加一个逗号,最后再进行反转,效果相当于 从后往前每三位加逗号。

这里的正则是: 

(\d{3})(?=[^$])
[^xyz] 查找任何不在方括号中的字符 

\d{3} 3个数字 [^$] 匹配后面不是结束符

对于每三个数字,断言它后面接的不是$,即不在末尾,则匹配成功。

以123456789为例,首先123,断言成功,替换为123, 456 断言成功,替换为456, 而789 后面是$ ,断言失败,匹配结束,结果为123,456,789

 

posted on 2017-11-20 17:27  西西夏天  阅读(570)  评论(0编辑  收藏  举报