1 正则表达式是什么

正则表达式(Regular Expression)其实就是一门工具，目的是为了字符串模式匹配，从而实现搜索和替换功能。它起源于上个20世纪50年代科学家在数学领域做的一些研究工作，后来才被引入到计算机领域中。从它的命名我们可以知道，它是一种用来描述规则的表达式。而它的底层原理也十分简单，就是使用状态机的思想进行模式匹配。https://regexper.com/

https://juejin.cn/post/6844903845227659271

2 正则表达式实践

2.1 test() exec() replace() match() 的简单用法

test() - 用来查看正则表达式与指定的字符串是否匹配。

    const reg = /前端/
    const res = reg.test('学前端，找zhaoshuai-lc');
    console.log(res) // true

    const regExpExecArray = reg.exec('学前端，找赵帅');
    console.log(regExpExecArray)

在这里插入图片描述
replace() - 用来替换字符串中符合规则的字符。

    let str = '学前端，找大哥'
    let strNew = str.replace(reg, 'zhaoshuai-lc');
    console.log(strNew) // 学zhaoshuai-lc，找大哥
 
    // 全局替换 g
    const _reg = /前端/g
    let _str = '学前端，找大哥 学前端，找大哥 学前端，找大哥 学前端，找大哥 学前端，找大哥'
    let _strNew = _str.replace(_reg, 'zhaoshuai-lc');
    console.log(_strNew)

match() - 可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

    // const m_reg = /前端/
    const m_reg = /前端/g
    let strMatch = '学前端，找大哥 学前端，找大哥 学前端，找大哥 学前端，找大哥 学前端，找大哥'
    let regExpMatchArray = strMatch.match(m_reg);
    console.log(regExpMatchArray)

在这里插入图片描述

2.2 修饰符

修饰符约束正则执行的某些细节行为，如是否区分大小写、是否全局匹配。

i 单词ignore的缩写，正则匹配时字母不区分大小写。
g 单词global 的缩写，匹配所有满足正则表达式的结果。

    // i 忽略大小写
    const i_reg = /a/i
    let i_res = i_reg.test('AAAddd'); //true
    console.log(i_res)
    // g 全局匹配
    const g_reg = /java/ig
    let g_str = '学JAVA，找大哥 学java，找大哥 学JAVA，找大哥 学java，找大哥 学java，找大哥'
    let g_strNew = g_str.replace(g_reg, 'zhaoshuai-lc');
    console.log(g_strNew) // 学zhaoshuai-lc，找大哥 学zhaoshuai-lc，找大哥 学zhaoshuai-lc，找大哥 学zhaoshuai-lc，找大哥 学zhaoshuai-lc，找大哥

2.3 元字符

一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。

比如 : 匹配26个英文字母，用普通字符表示 abcde.….xyz，但是用元字符表示的话，只需要[a-z]

2.3.1 边界符

单词边界

找出某句话中的某个单词，例如: The cat scattered his food all over the room.
想找到cat这个单词，但是如果只是使用/cat/这个正则，就会同时匹配到cat和scattered这两处文本，这时候就可以用到单词边界\b。

    // 单词边界
    const reg = /cat/g
    const str = 'The cat scattered his food all over the room.'
    let res = str.replace(reg, 'dog');
    console.log(res) // The dog sdogtered his food all over the room.

字符串边界

^ 表示匹配行首的文本
$ 表示匹配行尾的文本
注意:如果^和$在一起，表示必须是精确匹配

    // 字符串边界 ^ $
    const reg = /^a/
    let strT = 'adafjk'
    let resT = reg.test(strT);
    console.log(resT) // true

    let strF = 'dadafjk'
    let resF = reg.test(strF);
    console.log(resF) // false

    const _reg = /a$/
    let _strT = 'adafjka'
    let _resT = reg.test(_strT);
    console.log(_resT) // true

    let _strF = 'dadafjk'
    let _resF = reg.test(_strF);
    console.log(_resF) // false

    // ^ $ 在一个表示精确匹配 中间写什么就匹配什么
    const reg_ = /^a$/
    let str_ = 'a'
    let res_ = reg_.test(str_);
    console.log(res_) // true

    const reg__ = /^a$/
    let str__ = 'aaa'
    let res__ = reg__.test(str__);
    console.log(res__) // false

2.3.2 量词

- {x}: x次
- {min, max}： 介于min次到max次之间
- {min, }: 至少min次
- {0, max}： 至多max次

在这里插入图片描述

    // * 0次 或者多次
    const reg = /^a*$/
    console.log(reg.test('a')) // true
    console.log(reg.test('')) // true
    console.log(reg.test('aaa')) // true
    console.log(reg.test('b')) // false

    // + 1次 或者多次
    const _reg = /^a+$/
    console.log(_reg.test('a')) // true
    console.log(_reg.test('')) // false
    console.log(_reg.test('aaa')) // true
    console.log(_reg.test('b')) // false

    // ? 0次 或者1次
    const __reg = /^a?$/
    console.log(__reg.test('a')) // true
    console.log(__reg.test('')) // true
    console.log(__reg.test('aaa')) // false
    console.log(__reg.test('b')) // false

    // {n} 只能有n次
    const n_reg = /^a{3}$/
    console.log(n_reg.test('a')) // false
    console.log(n_reg.test('')) // false
    console.log(n_reg.test('aaa')) // true
    console.log(n_reg.test('b')) // false

    // {n,} >= n 次
    const n__reg = /^a{2,}$/
    console.log(n__reg.test('a')) // false
    console.log(n__reg.test('')) // false
    console.log(n__reg.test('aaa')) // true
    console.log(n__reg.test('aa')) // true

    // {n,m} >= n 次 并且 <= m 次
    const n_m_reg = /^a{2,3}$/
    console.log(n_m_reg.test('a')) // false
    console.log(n_m_reg.test('')) // false
    console.log(n_m_reg.test('aaa')) // true
    console.log(n_m_reg.test('aa')) // true
    console.log(n_m_reg.test('aaaa')) // false
    console.log(n_m_reg.test('aaaaa')) // false

2.3.3 字符类

[]匹配字符集合

    // [abc] 匹配abc中的任意一个
    let reg = /[abc]/
    console.log(reg.test('abc')) // true
    console.log(reg.test('andy')) // true
    console.log(reg.test('body')) // true
    console.log(reg.test('conde')) // true
    console.log(reg.test('jlkjlkj')) // false
    
 	// 匹配a-z中的任意一个
    let _reg = /[a-z]/
    // let _reg = /[A-Z]/
    // let _reg = /[0-9]/
    // let _reg = /[a-zA-Z0-9_]/ 大小写数字下划线
    
	// [^] 需要写到中括号 表示取反
    let __reg = /[^0-9]/
    console.log(__reg.test('aaa')) // true
    console.log(__reg.test('1111')) // false
    console.log(__reg.test('*ddoo')) // true

.匹配除换行符之外的任意单个字符

如果本来这个字符不是特殊字符，使用转义符号就会让它拥有特殊的含义。我们常常需要匹配一些特殊字符，比如空格，制表符，回车，换行等, 而这些就需要我们使用转义字符来匹配。

在这里插入图片描述

    // . 匹配除换行符之外的任何单个字符
    let reg = /./
    console.log(reg.test('')) // false
    console.log(reg.test('1')) // true
    console.log(reg.test('a')) // true
    console.log(reg.test('aaa')) // true
    console.log(reg.test('\r')) // false
    console.log(reg.test('\na')) // true
    console.log(reg.test('\n')) // false

2.3.4 预定义

在这里插入图片描述

2.4 分组

其中分组体现在：所有以()元字符所包含的正则表达式被分为一组，每一个分组都是一个子表达式，它也是构成高级正则表达式的基础。

    // 分组 abc 匹配一次或者多次
    let reg = /(abc)+/
    console.log(reg.test('adcdd')) // false
    console.log(reg.test('abcc')) // true
    console.log(reg.test('abdabcc')) // true

2.5 分组捕获

    // 分组捕获 例如将YYYY-MM-DD格式的日期替换成MM/DD/YYYY
    let _reg = /^\d{4}-\d{2}-\d{2}$/
    let date = '2022-03-22'
    console.log(_reg.test(date)) // true

    let __reg = /^(\d{4})-(\d{2})-(\d{2})$/
    let _date = '2022-03-22'
    let res = _date.replace(__reg, '$2/$3/$1');
    console.log(res) // 03/22/2022

2.6 分支结构

    // 分支结构
    let str1 = '学JAVA找zhaoshuai-lc'
    let str2 = '学PYTHON找zhaoshuai-lc'
    let str3 = '学前端找zhaoshuai-lc'
    let reg = /前端|JAVA/
    console.log(reg.test(str1)) // true
    console.log(reg.test(str2)) // false
    console.log(reg.test(str3)) // true