正则 exec() match()

Lisanmu
343 阅读4分钟

匹配方法

exec

使用形式：

regexp.exec(string)

定义

检索字符串中的正则表达式的匹配。

返回

返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

要点

let reg = /\d/
let reg1 = /\d/g
let str = '123'

console.log(reg.exec(str))
console.log(reg1.exec(str))

1630667572(1).png

  • 一次只能返回一个匹配结果。
  • 如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回 null。
  • 从结果来看，是否具有全局标志 g 不影响结果。但在exec执行过程中会有所区别。
let reg = /\d/
let reg1 = /\d\d/g
let reg2 = /(\d)(\d)/g
let str = '123'

console.log(reg.exec(str))
console.log(reg1.exec(str))
console.log(reg2.exec(str))

1630667656(1).png

  • 数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（比如，上例中的reg2，返回值是两个\d，第一个子表达式匹配的\d值是1，所以数组返回值有第1个元素，指向1），以此类推。
  • 除了数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。

其他

当 RegExpObject 是一个全局正则表达式时，exec() 的行为就稍微复杂一些。它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec() 找到了与表达式相匹配的文本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。这就是说，您可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。当 exec() 再也找不到匹配的文本时，它将返回 null，并把 lastIndex 属性重置为 0。

如果在一个字符串中完成了一次模式匹配之后要开始检索新的字符串，就必须手动地把 lastIndex 属性重置为 0。

match

使用形式：

stringObject.match(searchvalue) // 字符串
stringObject.match(regexp) // 正则

定义

  • 在字符串内检索指定的值（searchvalue）
  • 找到一个或多个正则表达式的匹配（regexp）。

返回

返回存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g

要点

let reg = /\d/
let reg1 = /\d/g
let str = '123'

console.log(str.match(reg))
console.log(str.match(reg1))

1630668277(1).png

  • 可以看得出，在调用非全局的 RegExp 对象的 match() 方法时，返回的数组与调用方法 String.exec() 返回的数组是相同的。
  • 如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。
  • 如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。

groups属性

上面的例子里，返回的数组有一个没见过的groups属性，这是什么？值都是undefined，为什么？

根据网上查的资料，groups是一个新的field，用来存储命名捕获组的信息。

那么什么是捕获组？

先搞清楚什么是捕获，/(\d)/ 中的括号括住的部分就叫“捕获”，对应英文是group。

以exec方法为例（表达式要求查找字符串中的数字，匹配到一次即返回）

例一

let reg = /(?<test>\d)/
let str = '123'

console.log(reg.exec(str))

1630667111(1).png

reg为 /(?<test>\d)/ ，其中的?<test>代表捕获的“名字”为test。

groups: {test: "123"}表示用捕获名称test做键名，捕获(?<test>\d) 里面的匹配的 \d 的返回值做属性值。

例二

let reg = /(?<first>\d)(?<second>\d)/
let str = '123'

console.log(reg.exec(str))

1630664418(1).png

groups值为{first: "1", second: "2"}，first 和 second都是 reg 里 捕获的姓名。

例三

如果不用捕获，groups值为undefined

let reg = /(\d)/
let str = '123'

console.log(reg.exec(str))

1630664378(1).png

要点

  • 正则查询结果中的groups用于列举 “有姓名”的捕获。
  • 如果需要返回多个键值，(?<first>\d)(?<second>\d)(?<...>\d) 多个匹配值顺序排列。
avatar
文章
阅读
粉丝