RegExp

JavaScript Regular Expression Visualizer

正则大全

表达式修饰符

1.特殊字符

let reg1 = new RegExp(/112/)
let reg2 = /123/     //不支持变量 空格也算一个字符

// test 测试正则
let test1 = reg2.test(123)

let reg2 = /^1a/g // 必须以1a开头
let reg3 = /1a$/g // 必须以1a结尾
let reg = /[^]/ // 匹配除中括号的字符以外的任意一个字符。

let reg4 = /\w/  // 匹配阿拉伯数字、英文字母大小写和下划线
let reg5 = /\W/  // \w 的补集，\w 匹配不到的它都能匹配得到

let reg6 = /\d/ // 匹配数字
let reg7 = /\D/ // \d的补集包括空格

let reg8 = /\s/ //匹配空白字符，如空格，换行，制表符 
let reg9 = /\S/ // \s补集

let reg10 = /[]/ //集合，匹配集合里的字符
let reg10 = /[()]/ //集合，匹配左括号或右括号，
let reg11 = /[abc]/ //有abc中任意一个都会被匹配。只能升序。
let reg12 = /[a-f1-6]/ //有a到f或1-6中任意一个都会被匹配
let reg13 = /[^abc]/ //取反，没有abc中任意一个会被匹配，在[]里的 ^ 才是取反

let reg14 = /a{5}/ // 匹配 aaaaa（5个a）， 重复次数 
let reg15 = /a{1,5}/  //重复1-5次的都会被匹配  a aa aaa aaaa aaaaa 
let reg16 = /a{2，}/ //重复2-无数次 都会被匹配

//  + * ?  
let reg17 = /a+/  //出现一次或多次  {1,}
let reg18 = /a*/  //出现零次或多次  {0,} 
let reg19 = /a?/  //出现零次或一次  {0,1}

let reg20 = /(a+b{0，2})(b+)(c*)/  // 分组匹配一对（）是一组 调整优先级

let reg21 = /.../  //匹配除换行外的任意字符
let reg22 = /\./   // 匹配"." ,"."代表任意字符，需要匹配点，需要转义 \.

2.flags

let reg1 = / /g  //全局匹配
let reg2 = / /i  //忽略大小写
let reg3 = / /gi //全局匹配and忽略大小写
let reg4 = / /m  //多行搜索。   /gm
let reg5 = / /u   //使用unicode码的模式进行匹配。
const reg6 = / /y  // 粘滞匹配
/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,}$/

JavaScript:正则表达式的/y标识

正则方法

方法	描述
exec	一个在字符串中执行查找匹配的 RegExp 方法，它返回一个数组（未匹配到则返回 null）。
test	一个在字符串中测试是否匹配的 RegExp 方法，它返回 true 或 false。
match	一个在字符串中执行查找匹配的 String 方法，它返回一个数组，在未匹配到时会返回 null。
matchAll	一个在字符串中执行查找所有匹配的 String 方法，它返回一个迭代器（iterator）。
search	一个在字符串中测试匹配的 String 方法，它返回匹配到的位置索引，或者在失败时返回 -1。
replace	一个在字符串中执行查找匹配的 String 方法，并且使用替换字符串替换掉匹配到的子字符串。
split	一个使用正则表达式或者一个固定字符串分隔一个字符串，并将分隔后的子字符串存储到数组中的 String 方法。

原子组(捕获组)

1.原子组

• 一对()是一组
• 从左向右数左括号
• \1 表示复用用前面第一个原子组,\2 复用第二个

let ad = 'abdasdfdsfh4ab'
let reg = /(ab)([\s\S]*)\1/gi  // (ab) 原子组
ad.match(reg)	

let whc = '<h1>whcss.xyz</h1>'
let reg = /<(h[1-6])>([\s\S]+)<\/\1>/gi

whc.replace(reg, `<p>$2</p>`)   // $1 第一组 ，$2 第二组 ，

whc.replace(reg, (p0, p1, p2) => {   // 第一个参数：匹配到的字符串，第二个参数：第一组，
    return `<p>${p2}</p>`			//第三个参数 ：第二组
})

2.原子组别名 ?<>

reg1 = /(\w.?<first>(?<second>))(?<third>)/
date.replace(/(?<month>\d{2})-(?<day>\d{2})-(?<year>\d{4})/,
    "$<day>-$<month>-$<year>")

3.特殊原子组(断言)

• (?:X)：匹配 'x' 但是不记住匹配项,非获取匹配。

• X(?=Y)：匹配'x'仅仅当'x'后面跟着'y'.这种叫做先行断言。

• (?<=Y)X ：匹配'x'仅仅当'x'前面是'y'.这种叫做后行断言。

• X(?!Y) : 仅仅当'x'后面不跟着'y'时匹配'x'，这被称为正向否定查找 。

• (?<!Y)X ：仅仅当'x'前面不是'y'时匹配'x'，这被称为反向否定查找。

let whc = 'https://www.whcss.xyz http://baidu.com'
// 虽然有三个组但有 ?: ，其他两个没选中，只选中一个。
let reg = /https?:\/\/((?:\w+\.)?\w+\.(?:xyz|com|cn|org))/gi
let urls = []
while ((res = reg.exec(whc))) {
    urls.push(res1)
}