【正则】容易忽视的正则问题集合

正则问题“挖坑”“填坑”

下面是正则表达式的常用方法，方便你们对应

 正则方法
 
  test()          检索字符串中指定的值。返回 true 或 false。这个是我们平时最常用的方法。

  exec()          检索字符串中指定的值。匹配成功返回一个数组，匹配失败返回null。

  compile()       compile() 方法用于改变 RegExp。    compile() 既可以改变检索模式，也可以添加或删除第二个参数。

  String对象四个方法

  match()         在字符串内检索指定的值,匹配成功返回存放匹配结果的数组，否则返回null

  search()        在字符串内检索指定的值,匹配成功返回第一个匹配成功的字符串片段开始的位置，否则返回-1。

  replace()       替换与正则表达式匹配的子串，并返回替换后的字符串

  split()         把一个字符串分割成字符串数组。

---

问题目录：

• g（全局搜索,全文查找）的问题
• 零宽断言的使用
• …

---

g（全局搜索,全文查找）的问题

模糊匹配"1234"

var reg = /1234/gi;
var str1 = '1234aaaa1234'
var str2 = '1234bbbb1234'
var str3 = '1234cccc1234'

console.log(reg.test(str1))
console.log(reg.test(str2))
console.log(reg.exec(str3))

得到的结果，你写别看下面答案，先猜测，大脑运行一下

//输出结果如下

["1234", index: 0, input: "1234aaaa1234", groups: undefined]
["1234", index: 8, input: "1234bbbb1234", groups: undefined]
null

为什么会输出这样的结果，我再给出一段代码，大家就知道是什么导致的了,注意正则表达式的区别

var reg = /1234/i;
var str1 = '1234aaaa1234'
var str2 = '1234bbbb1234'
var str3 = '1234cccc1234'

console.log(reg.test(str1))
console.log(reg.test(str2))
console.log(reg.exec(str3))

//输出结果如下

["1234", index: 0, input: "1234aaaa1234", groups: undefined]
["1234", index: 0, input: "1234bbbb1234", groups: undefined]
["1234", index: 0, input: "1234cccc1234", groups: undefined]

这才是我们想要的结果，这里表达式少写了一个g-全局搜索,正是这个全局搜索导致的，下面我来解释原因以及解决方案

原因:
g -全局查找：顾名思义，全局的去匹配整个字符串。

• 使用 g 修饰符，当我们每次调用 exec()方法后，如果匹配到了字符串，那么 lastIndex的值就会改变。
• 使用 g 修饰符，当第一次匹配成功后，因lastIndex改变，第二次匹配失败返回null，lastIndex的值会重新变成0，第三次在匹配的话就可以继续匹配成功
• 不使用 g 修饰符，调用exec()方法后，lastIndex值恒等于0 ，所以每次调用exec()只会检索出一个匹配的字符。

解决方案：
①：去掉全局查找
②：每次查找完，reg.lastIndex = 0
③：当使用test(),exec()匹配的时候尽量少使用全局匹配模式

零宽断言的使用 (隶属于ES7)

零宽断言一般用来查找，获取在某些内容(不包括这些内容)之前或之后的值

• (?=xxx) 零宽正 lookahead(之前)
• (?<=xxx) 零宽正 lookbehind(之后)

str = '123abb’

通俗的讲：
(?=xxx) 获取符合在xxx之前的条件（断言）的值，例如这里的 .*(?=bb) 就拿到了123a
(?<=xxx) 获取符合在xxx之后的条件（断言）的值，例如这里的 (?<=a).* 就拿到了bb
组合使用就可以用来获取两个条件之间的值并且不包含其他的值。

str = 'a:1;m:1;d:3;'
str2 = 'a:22;m:31;d:26;'
str3 = 'a:1a;m:1b;d:3d;'
reg = /(?<=:).*?(?=;)/gi;	//这里.*? 的 ？是惰性匹配
var res = str1.match(reg)	// '1','2','3'
var res2 = str2.match(reg)	// '22','31','26'
var res3 = str3.match(reg)  // '1a','1b','3d'