一文带你学习正则表达式

正则表达式，对于前端而言是不可或缺的技能。表单验证、查找字符串、字符串格式化等等一系列常规操作都需要使用到正则。
通过单个字符串来描述、匹配满足条件的规则字符串，它是繁琐的，同时也很强大，接下来一文带你了解什么是正则表达式。

语法

例如匹配一个千分位格式

    let str = '12,545,545'
    let reg =  /^(\d{1,3},)+(\d{3})$/
    console.log(reg.test(str)) // true

一般的正则表达式都是由两条/前后封闭形成，在上述正则表达式中，以^表示规则的开始，从左到右依次组
合，\d表示0-9的任意数字，{1,3}表示前面的任意数字至少有1个，至多为3个，","紧跟在后面，表面1-3个任意数字后必须跟
一个","，将"\d{1,3},"用()包起来表示一个表达式，()外的+表示()中的内容至少要有一个或多个，第二个括号里表示固定的
任意三个数字，最后由$表示规则的结束。

前端一般使用正则对象的test方法进行校验(上方例子)

前端一般使用字符串的replace方法进行格式化字符串以及使用match方法匹配满足正则的字符串：

    // 格式化千分位（replace方法）
    let str = `123145641221`
    let newStr = str.replace(/\d{1,3}(?=(\d{3})+$)/g, (s) => `${s},`)
    console.log(newStr) // '123,145,641,221'
    
    // 查找满足条件的子字符串（match方法）
    let str = 'uzi yyds dddd'
    let reg = /\bd\w+/
    let reg1 = /d\w+/
    str.match(reg) // ['dddd', index: 9, input: 'uzi yyds dddd', groups: undefined]
    str.match(reg1) // ['ds', index: 6, input: 'uzi yyds dddd', groups: undefined]

    格式化千分位方法中，我们先匹配千分位的开头，因为千分位的开头数字的位数是不确定的，所以用\d{1,3}来匹配
，而大()中的?=则表示的是寻找小()中三个任意数字的前一个表达式的内容，通俗的表达就是要匹配任意1-3个数字
后必须要有3个任意数字,然后g修饰符则表示匹配整个字符串的内容。
    在查找子字符串方法中，为什么我们的reg1到的是ds，而不是dddd。因为在d前面加了\b定位符，表示d前边必须
没有元素，或者为空格。若\b在d的后面，则表示d的后面必须没有元素或为空格。

修饰符

元字符

运算符优先级

正则表达式从左到右计算，遵循优先级顺序。不同优先级，从高到低计算，相同优先级从左到右计算

以下表格优先级从高到低排列

贪婪模式与非贪婪模式

    // 贪婪模式
    const reg = /穷哈{1,2}/
    var str = '穷哈哈哈哈'
    str.match(reg) // ['穷哈哈', index: 0, input: '穷哈哈哈', groups: undefined]
    // 贪婪模式下reg会优先匹配多的，即会匹配{1,2}前的字符2次
    
    // 非贪婪模式
    const reg1 = /穷哈{1,2}?/
    str.match(reg1) // ['穷哈', index: 0, input: '穷哈哈哈', groups: undefined]
    // 非贪婪模式下reg则是优先匹配少的，即会匹配{1,2}前的字符1次

分组

(x)会存储匹配到的结果,\num元字符则能匹配到对应的结果

    const reg = /([a-z]2) \1/g
    var str = 's5 s2 s2 a2 a2'
    str.match(reg) //  ['s2 s2', 'a2 a2']

很明显([a-z]2)要匹配一个小写字母后跟一个2的字符串，那么reg中有\1，就表示要匹配两个字母跟一个2的字符串
即：s2 s2或者 a2 a2

使用reaplace获取(x)匹配到的结果

    const reg = /([a-z]1) ([a-z]2)/
    var str = 's1 a2'
    str.replace(reg,'$2 $1') // 'a2 s1'

可以看到$1表示的是第一个(x)匹配的结果，$2是第二个(x)匹配的结果

使用方式

使用方式分为两类：字符串方法、正则对象下的方法
常用的方法在本文中有对应的例子，以下仅总结正则的使用方式

字符串方法（String）

    match、matchAll、search、replace、split

正则对象方法(RegExp)

    test、exec

动态创建正则表达式

使用RegExp构造函数，第一个参数是正则表达式，第二个参数是修饰符

    const reglist = ['\\w+','\\d+','[a-z]+']
    let str = '2022'
    reglist.forEach(reg=>{
        if (new RegExp(reg,'g').test(str)) {
            console.log('hello'+str)
        }
    })
    // hello 2022 
    // hello 2022
    // undefined

下面附上常用的正则表达式

正则表达式