你了解正则表达式吗？

正则表达式是一种字符串匹配的模式

使用场景：

例如验证表单：手机号表单要求用户只能输入11位的数字 (匹配)

过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等

语法：

 const reg = /表达式/

 其中 / / 是正则表达式字面量；正则表达式也是对象

test() 方法  用来查看正则表达式与指定的 字符串是否匹配，如果正则表达式与指定的字符串匹配 ，返 回true，否则false

使用正则表达式的流程

        // 1.定义正则表达式

        const reg=/工程建造/

        // 2.调用test（）方法来匹配字符串得到结果

        const arr='前端开发工程师!'

        console.log(reg.test(arr));//flase

2.1元字符

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

比如，规定用户只能输入英文26个英文字母，换成元字符写法： /[a-z]/

1. 边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符

要求字符串以xxx开头和xxx结尾，或者做精确匹配（使用最多）

^ 以xxx开头

$以xxx结尾

        const reg=/^abc/

        console.log(reg.test('bc'));// flase

        const reg2=/abc$/

        console.log(reg2.test('bc'));// flase

        console.log(reg2.test('111abc'));// true

        // 精确匹配

        const reg3=/^abc$/

        // 两个abc都是flase，必须完整的满足这个模式

        console.log(reg3.test('abcabc'));// flase

2.2量词 (表示数量的词汇)

量词用来设定某个模式重复次数

*  表示0次以上

+   表示1次以上，最少出现1次

？  表示0或1次

        const reg4=/^a?$/

        console.log(reg4.test('a'));// true

{}表示精确的出现次数

{4}表示出现4次

{4，}表示出现4次及以上

{4，9}表示出现4-9次

注意：逗号后面不能有空格！！！

        const reg4=/^a{4,9}$/

        console.log(reg4.test('aaaaa'));// true

2.3范围

[]表示匹配一个字符，内部的字符是或者的关系；[]内是一个特殊的区域，里面的^和外面的^不一样；[]内部的^表示取反，外面的表示边界符

表示字符的范围，定义的规则限定在某个范围，比如只能是英文字母，或者数字等等，用 [] 表示范围

[abc]    匹配包含的单个字符。也就是只有 a || b || c 这三个单字符返回true， 可以理解

[a-z]    连字符。来指定字符范围。[a-z] 表示 a 到 z 26个英文字

[^abc]   取反符。[^a-z] 匹配除了小写字母以外的字符

// [] 内是一个特殊的区域, 里面的 ^ 和 外面的 ^ 不一样

    // [] 内部的 ^ 表示取反, 外面的表示边界符

    const reg5 = /^[^a-e]{1,2}$/

    console.log(reg5.test('a')) // false

    console.log(reg5.test('b')) // false

    console.log(reg5.test('c')) // false

    console.log(reg5.test('d')) // false

    console.log(reg5.test('f')) // true

    console.log(reg5.test('你')) // true

    // // console.log(reg5.test('你好')) // false 中括号只能匹配一个字符

    // console.log(reg5.test('你好')) // true 中括号后有量词来匹配多个

 

2.4

字符类：提前帮忙定义好了一个变量

3.替换和修饰符

replace 替换方法，可以完成字符的替换

语法    字符串.replace(/正则表达式/，‘替换的文本’)

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

i 是单词 ignore 的缩写，正则匹配时字母不区分大小写

g 是单词 global 的缩写，匹配所有满足正则表达式的结果

    let str = '前端学科是传智播客的王牌学科, 大家来学习前端, 一定可以高薪就业, 做一个优秀前端人!!'

    // 只会替换第一个, 使用字符串来替换的弊端

    // console.log(str.replace('前端', 'web'))

   

    // replace() 方法非常强大的地方在于, 第一个参数除了可以传字符串以外, 还可以传入正则表达式

    // 正则后面可以添加一个修饰符 /前端/g

    // g: global 全局模式

    console.log(str.replace(/前端/g, 'web'))