正则表达式 - 《JavaScript》

描述
使用场景
语法
- test()方法
- exec() 方法
元字符
修饰符
- replace 替换

描述

正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象
通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式。

使用场景

正则表达式在 JavaScript中的使用场景：
例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)
比如用户名: /[1]{3,16}$/
过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等

语法

test()方法

用来查看正则表达式与指定的字符串是否匹配
如果成功返回true，否则返回false

 // 自己搞的正则表达式
        const str = "我爱喝牛奶";
        const reg = /牛奶/;
        const reg1 = /番茄/;
        console.log(reg.test(str)); //true
        console.log(reg1.test(str)); //false

exec() 方法

在一个指定字符串中执行一个搜索匹配
如果匹配成功返回一个数组，否则返回null

元字符

是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。
比如，规定用户只能输入英文26个英文字母，普通字符的话 abcdefghijklm…..
但是换成元字符写法： [a-z]

3.为了方便记忆和学习，我们对众多的元字符进行了分类：

边界符（表示位置，开头和结尾，必须用什么开头，用什么结尾）
量词(修饰符) （表示重复次数）
字符类(占位符) （比如 \d 表示 0~9）

普通字符

大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。
也就是说普通字符只能够匹配字符串中与它们相同的字符。

元字符(特殊字符）

边界符

正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符
开头 ^
结尾 $
如果 ^ 和 $ 在一起，表示必须是精确匹配。

         const str = '快乐女孩';
        // 1.
        // const reg = /^快乐/;
        // alert(reg.test(str)) //true
        // 2.
        // const reg = /^快乐女孩$/;
        // alert(reg.test(str)) //true
        // 3.
        // const reg = /女孩$/;
        // alert(reg.test(str)) //true
        // 4.
        // const reg = /^快乐$/;
        // alert(reg.test(str)) //false
        // 5.
        // const reg = /^快孩$/;
        // alert(reg.test(str)) //false
        // 6.
        // const reg = /悲伤女孩$/;
        // alert(reg.test(str)) //false
        // 7.
        // const reg = /^快乐男孩$/;
        // alert(reg.test(str)) //false

量词

量词用来设定某个模式出现的次数
注意：逗号左右两侧千万不要出现空格

正则表达式 - 图2

// const str="路飞";
        // const reg=/路飞/;
        // console.log(reg.test(str));
        //  *  表示 放在它前面那一个字符 可以出现0次或者多次
        // /^路*$/   => ""，  路，路路，路路路
        // console.log(/^路*$/.test('')); // true
        // console.log(/^路*$/.test('路')); // true
        // console.log(/^路*$/.test('路路')); // true
        // console.log(/^路*$/.test('路路路')); // true
        // + 表示 放在它前面那一个字符 可以出现1次或者多次
        // console.log(/^路+$/.test(''));
        // console.log(/^路+$/.test('路'));
        // console.log(/^路+$/.test('路路'));
        // console.log(/^路+$/.test('路路路'));
        // ？ 表示出现0次或者1次
        // console.log(/^路?$/.test(''));// true
        // console.log(/^路?$/.test('路')); // true
        // console.log(/^路?$/.test('路路')); // false
        // console.log(/^路?$/.test('路路路')); // false
        // {n} 放在它前面的那一个字符 出现n次
        // console.log(/^路{2}$/.test('')); // false
        // console.log(/^路{2}$/.test('路')); // false
        // console.log(/^路{2}$/.test('路路')); // true
        // console.log(/^路{2}$/.test('路路路')); // false
        // {n,} 放在它前面的字符 最少出现n次
        // console.log(/^路{2,}$/.test('')); // true
        // console.log(/^路{2,}$/.test('路')); // true
        // console.log(/^路{2,}$/.test('路路'));// true
        // console.log(/^路{2,}$/.test('路路路')); // true
        // {n,m} 放在它前面的字符 最少出现n次，最大是m次
        console.log(/^路{0,2}$/.test('')); // true
        console.log(/^路{0,2}$/.test('路')); // true
        console.log(/^路{0,2}$/.test('路路')); // true
        console.log(/^路{0,2}$/.test('路路路')); // false