11.20 正则表达式 断言(?=exp)

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

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

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

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

对于这个正则：

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

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

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

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

而 (?=(\\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

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

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

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

这里的正则是:

(\d{3})(?=[^$])

[^xyz] 查找任何不在方括号中的字符 

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

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

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