浅析正则表达式中的lastIndex以及预查_正则表达式

依次写出下列输出内容。

									var reg1 = /a/;

									var reg2 = /a/g;

									console.log(reg1.test('abcabc')); // true

									console.log(reg1.test('abcabc')); // true

									console.log(reg1.test('abcabc')); // true

									console.log(reg1.test('abcabc')); // true

									console.log(reg2.test('abcabc')); // true

									console.log(reg2.test('abcabc')); // true

									console.log(reg2.test('abcabc')); // false

									console.log(reg2.test('abcabc')); // true

很简单的一个正则表达式测试，查找字符串abcabc中是否有字符a。但是结果却有一个特殊false存在，Why？

lastIndex（针对于带参数g的正则表达式）

在每个实例化的RegExp对象中，都存在一个lastIndex属性，其初始值为0。

									/a/.lastIndex // 0

									new RegExp('a').lastIndex // 0

									lastIndex表示匹配成功时候，匹配内容最后一个字符所在原字符串中的位置 + 1，也就是匹配内容的下一个字符的index（如果匹配内容在字符串的结尾，同样返回原字符串中的位置 + 1，也就是字符串的length）。如果未带参数g，lastIndex始终为0。

									var reg = /ab/g;

									reg.test('123abc');

									console.log(reg.lastIndex) // 5

									// 匹配内容在最后

									var reg = /ab/g;

									reg.test('123ab');

									console.log(reg.lastIndex) // 5

									// 不带参数g

									var reg = /ab/;

									reg.test('123abc');

									console.log(reg.lastIndex) // 0

而这个lastIndex也就是用该正则进行其他匹配操作的时候匹配开始的位置。而匹配失败时重置lastIndex为0。

									var reg = /ab/g;

									// 初始值为0，从最开始匹配 匹配成功， lastIndex为4

									console.log(reg.test('12ab34ab'), reg.lastIndex); // true 4

									// 从第4位字符"3"开始匹配 匹配内容为第二个ab lastIndex 为 8

									console.log(reg.test('12ab34ab'), reg.lastIndex); // true 8

									// 从第8位 (字符长度为8，没有第8位) 开始匹配 匹配不成功 重置lastIndex 为 0

									console.log(reg.test('12ab34ab'), reg.lastIndex); // false 0

									// 从头匹配 同第一步

									console.log(reg.test('12ab34ab'), reg.lastIndex); // true 4

看到这里题目也就解答完毕，接下来是扩展。

对于未重新声明的reg容易犯错的地方。

									// 测试字符串str1 和 str2 是否都含有ab字符

									var reg = /ab/g;

									var str1 = '123ab';

									var str2 = 'ab123';

									console.log(reg.test(str1)); // true

									console.log(reg.test(str2)); // false

很明显这里因为lastIndex的原因导致判断错误。这里可以修改reg不带参数g或则重新声明reg，当然也可以在第一次匹配后手动修改reg.lastIndex = 0。

预查

接着说预查，字面意思就是预备匹配查询，也就是查询匹配内容接下来的内容，但是只是预备查询匹配，并不返回。

经常我们需要匹配到字符串中某些字符后面跟某些字符，但是我们不需要匹配结果中包含后面跟的字符，例如：

找出下面字符串中字符后面是2的所有字符。

1 2	`var` `str =` `'a1b2c22d31e4fg6h2';` `'a1b2c22d31e4fg6h2'.match(/[a-z]2/g);` `// ["b2", "c2", "h2"]`

这样，虽然能匹配出字符串带2的，但是数字2我们并不需要，这里只需要字符。而用预查：

1	`'a1b2c22d31e4fg6h2'.match(/[a-z](?=2)/g);` `// ["b", "c", "h"]`

可以看到完全满足条件，但是预查和本文的主题lastIndex又有几毛钱的关系呢？

我们用test来看看，至于为什么用test这里要说明一下，match是匹配所有，直到匹配不成功的时候结束匹配，而匹配不成功时，lastIndex就被重置为0了。

而exec和test是第一次匹配成功或者匹配失败就返回，并不会接着往下匹配。

									var reg1 = /[a-z](?=2)/g;

									var reg2 = /[a-z]2/g;

									var str = 'a1b2c22d31e4fg6h2';

									console.log(reg1.test(str), reg1.lastIndex); // true 3

									console.log(reg1.test(str), reg1.lastIndex); // true 5

									console.log(reg1.test(str), reg1.lastIndex); // true 16

									console.log(reg1.test(str), reg1.lastIndex); // false 0

									console.log(reg2.test(str), reg2.lastIndex); // true 4

									console.log(reg2.test(str), reg2.lastIndex); // true 6

									console.log(reg2.test(str), reg2.lastIndex); // true 17

									console.log(reg2.test(str), reg2.lastIndex); // false 0