加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

正则的扩展

发布时间:2020-12-14 06:10:37 所属栏目:百科 来源:网络整理
导读:1.RegExp构造函数 ES5中有两种情况 let regex = new RegExp('xyz','i')// 等价于let regex = /xyz/ilet regex = new RegExp(/xyz/i)// 等价于let regex = /xyz/i 注意!!! let regex = new RegExp(/xyz/,'i')// 这种写法是错误的 ES6的改变 new RegExp(/ab

1.RegExp构造函数

ES5中有两种情况
let regex = new RegExp('xyz','i')
// 等价于
let regex = /xyz/i

let regex = new RegExp(/xyz/i)
// 等价于
let regex = /xyz/i

注意!!!

let regex = new RegExp(/xyz/,'i')
// 这种写法是错误的
ES6的改变
new RegExp(/abc/ig,'i').flags
// 第二个参数i会将前面的ig进行覆盖

2.字符串的正则方法

  • match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配
let str="1 plus 2 equal 3"
str.match(/d+/g)
// ['1','2','3']
  • replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串
let str = 'nihao Jack'
str.replace(/Jack/,'Lucy')
// nihao Lucy
  • search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串
let str = 'good body'
str.search(/body/)
// 5

let str = 'good body'
str.search(/girl/)
// -1
  • split() 方法用于把一个字符串分割成字符串数组
let str = 'good body'
str.split('o')
["g","","d b","dy"]

3.u修饰符

  • ES6 对正则表达式添加了u修饰符,含义为“Unicode 模式”,用来正确处理大于uFFFF的 Unicode 字符。也就是说,会正确处理四个字节的 UTF-16 编码。

4.RegExp.prototype.unicode 属性

  • 正则实例对象新增unicode属性,表示是否设置了u修饰符
let str = /hello/;
let str2 = /hello/u;

str.unicode // false
str2.unicode // true

5.y修饰符

  • y修饰符,叫做“粘连”(sticky)修饰符。
  • y修饰符的作用与g修饰符类似,也是全局匹配,后一次匹配都从上一次匹配成功的下一个位置开始。不同之处在于,g修饰符只要剩余位置中存在匹配就可,而y修饰符确保匹配必须从剩余的第一个位置开始,这也就是“粘连”的涵义。
let str = 'aaa_aa_a'
let reg1 = /a+/g
let reg2 = /a+/y

reg1.exec(s) // ['aaa']
reg2.exec(s) // ['aaa']

reg1.exec(s) // ['aa']
reg2.exec(s) // null y修饰符从剩余项的第一个位置开始(即_)所以找不到

lastIndex属性可以指定每次搜索的开始位置

reg2.lastsIndex = 1
reg2.exec(s) // ['aa']

实际上y修饰符号隐含了头部匹配的标志^
  • 单单一个y修饰符对match方法,只能返回第一个匹配,必须与g修饰符联用,才能返回所有匹配。
'a1a2a3'.match(/ad/y) // ['a1']
'a1a2a3'.match(/ad/gy) // ['a1','a2','a3']

6.RegExp.prototype.sticky 属性

  • 表示是否设置了y修饰符

7.RegExp.prototype.flags 属性

  • 会返回正则表达式的修饰符

8.s 修饰符:dotAll 模式

9.后行断言

10.Unicode 属性类

11.具名组匹配

  • 正则表达式使用圆括号进行组匹配
const REG = /(d{4})-(d{2})-(d{2})/

const matchObj = REG.exec('1999-12-31')
const year = matchObj[1]; // 1999
const month = matchObj[2]; // 12
const day = matchObj[3]; // 31

问题: 只能用数字序号引用,组的顺序改变,引用的时候就必须修改序号

  • 具名组匹配,允许为每一个组匹配指定一个名字,既便于阅读代码,又便于引用
const REG = /(?<year>d{4})-(?<month>d{2})-(?<day>d{2})/

const matchObj = REG.exec('1999-12-31')
const year = matchObj.groups.year // 1999
const month = matchObj.groups.month // 12
const day = matchObj.groups.day // 31

如果具名组没有匹配,那么对应的groups对象属性会是undefined

12.解构赋值和替换

  • 有了具名组匹配以后,可以使用解构赋值直接从匹配结果上为变量赋值
let {groups: {one,two}} = /^(?<one>.*):(?<two>.*)$/u.exec('foo:bar')

console.log({one,two}) // {one: 'foo',two: 'bar'}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读