一篇文章搞懂JavaScript正则表达式之方法(2)

'@abc-xyz-$abc'.replace(/([^-]+)abc/g, (match, $1, index) => `{${match}是位置是${index}}`); // {@abc是位置是0}-xyz-{$abc是位置是9}

倒数第一个参数是源文本。

'abc-xyz'.replace(/abc/g, (match, index, string) => `{{${match}}属于{${string}}}`); // "{{abc}属于{abc-xyz}}-xyz"

replace方法最常用的地方是转义HTML标签。

'<p>hello regex</p>'.replace(/</g, '<').replace(/>/g, '>'); // "<p>hello regex</p>"

search

search 是String实例方法。

它的作用是找出首次匹配项的索引。它的功能较单一,性能也更好。

它接受一个正则表达式作为唯一参数。与match一样,如果传入一个非正则表达式,它会调用 new RegExp() 将其转换成一个正则实例。

'abc-xyz-abc'.search(/xyz/); // 4 'abc-xyz-abc'.search(/xyz/g); // 4 'abc-xyz-abc'.search(/mno/); // -1 'abc-xyz-abc'.search(); // 0 'abc-xyz-abc'.search(/abc/); // 0

因为只能返回首次匹配的位置,所以全局匹配对它无效。

如果匹配失败,返回 -1 。

split

split 是String实例方法。

它的作用是根据传入的分隔符切割源文本。它返回一个由被切割单元组成的数组。

它接受两个参数。第一个参数可以是字符串或者正则表达式,它是分隔符;第二个参数可选,限制返回数组的最大长度。

'abc-def_mno+xyz'.split(); // ["abc-def_mno+xyz"] 'abc-def_mno+xyz'.split('-_+'); // ["abc-def_mno+xyz"] 'abc-def_mno+xyz'.split(''); // ["a", "b", "c", "-", "d", "e", "f", "_", "m", "n", "o", "+", "x", "y", "z"] 'abc-def_mno+xyz'.split(/[-_+]/); // ["abc", "def", "mno", "xyz"] 'abc-def_mno+xyz'.split(/[-_+]/g); // ["abc", "def", "mno", "xyz"] 'abc-def_mno+xyz'.split(/[-_+]/, 3); // ["abc", "def", "mno"] 'abc-def_mno+xyz'.split(/[-_+]/, 5); // ["abc", "def", "mno", "xyz"]

如果第一个参数传入的是空字符串,则会切割每一个字符串。

另外,因为split方法中的正则是用来匹配分隔符,所以全局匹配没有意义。

exec

exec 是RegExp实例方法。

它的作用是根据参数返回匹配结果,与字符串方法match相似。

/xyz/.exec('abc-xyz-abc'); // ["xyz", index: 4, input: "abc-xyz-abc", groups: undefined] /mno/.exec('abc-xyz-abc'); // null /xyz/.exec(); // null

小小的区别在于参数为空的情况:exec直接返回 null ;match返回一个空字符串数组。原因也很好理解,有鱼没有网,最坏也就是没有收成;有网没有鱼,那可是连奔头都没有了。

它们俩最大的区别在于全局匹配的场景。

全局匹配就意味着多次匹配,RegExp实例有一个 lastIndex 属性,每匹配一次,这个属性就会更新为下一次匹配开始的位置。exec就是根据这个属性来实现全局匹配的。

const reg = /abc/g; reg.lastIndex // 0 reg.exec('abc-xyz-abc'); // ["abc", index: 0, input: "abc-xyz-abc", groups: undefined] reg.lastIndex // 3 reg.exec('abc-xyz-abc'); // ["abc", index: 8, input: "abc-xyz-abc", groups: undefined] reg.lastIndex // 11 reg.exec('abc-xyz-abc'); // null reg.lastIndex // 0 reg.exec('abc-xyz-abc'); // ["abc", index: 0, input: "abc-xyz-abc", groups: undefined]

如果有多个匹配结果,多次执行就能获得所有的匹配结果。所以exec一般用在循环语句中。

有两点需要特别注意:

因为 lastIndex 会不断更新,最终又会归于0,所以这个匹配过程是可以无限重复的。
lastIndex 属性是属于正则实例的。只有同一个实例的 lastIndex 才会不断更新。
知道第二点意味着什么吗?

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjxspj.html