【Javascript】正则表达式---RegExp

正则表达式

—RegExp (RegularExpression)

什么是正则表达式

• 正则表达式是由一个字符序列形成的搜索模式。
• 用来匹配字符串，可以实现字符串的截取或按规则替换和验证字符串内容
• 并非js特性，下面只是介绍正则表达式在Javascript中的用法

（二） 语法

/正则表达式主体/修饰符(可选)

其中修饰符是可选的。

实例：

var patt = /runoob/i

实例解析：

• /runoob/i 是一个正则表达式。
• runoob 是一个正则表达式主体 (用于检索)。
• i 是一个修饰符 (搜索不区分大小写)。

1. 正则表达式修饰符

2. 正则表达式模式

方括号 [ ] 用于查找某个范围内的字符：

元字符是拥有特殊含义的字符：

量词:

常用模式总结：

1. ^ ：表示开头
2. $：表示结尾
3. [ ]：用于查找某个范围内的字符
4. { } ：位数
5. ( )：分组
6. +：匹配一位或多位，等同于{1, }
7. ？：匹配0位或1位（有1或无）
8. . ：匹配所有
9. \：转义
10. \d：数字，同[0-9]
11. \w：数字、字母、下划线
12. \s：空格或换行

（三） 用于字符串方法

在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。

1. search()

方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

【注意】：找不到返回-1

var str = "Visit Runoob!"; 
var n = str.search(/Runoob/i);	//返回起始位置6
var n = str.search("Runoob");	//也是返回6
var n = str.search(/runoob/);	//若找不到，则返回-1

2. replace()

 var txt = str.replace(/microsoft/i,"Runoob");	//替换 "microsoft" 为 "Runoob" （不区分大小写）

正则表达式参数可用在以上方法中 (替代字符串参数)。
正则表达式使得搜索功能更加强大(如实例中不区分大小写)。

（四） 创建RE对象

 <script>
        //创建正则表达式的两种方式
        var reg=new RegExp("123");
        var reg=/123/;
        //类似于数组的两种创建方式
        var arr=new Array(1,2,3);
        var arr=[1,2,3];

    </script>

（五） 使用RE对象

在 JavaScript 中，RegExp 对象是一个预定义了属性和方法的正则表达式对象。

1. test()

test() 方法用于检测一个字符串是否匹配某个模式。

如果字符串中含有匹配的文本，则返回 true，否则返回 false。

实例: 用于搜索字符串中的字符 “e”：

var patt = /e/;
patt.test("The best things in life are free!");

//合并写法： /e/.test("The best things in life are free!")
//字符串中含有 "e"，所以该实例输出为：
//true

2. exec()

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组，其中存放匹配的结果。

【实例】截取日期字符串

展示用（）分组匹配日期中的年月日后的结果数组

 //截取字符串
        var str="2022-7-12";
        var reg=/^(\d{4})-(\d{1,2})-(\d{1,2})$/;
        var result=reg.exec(str);
        var year=result[1];
        var month=result[2];
        var date=result[3];
        console.log(reg.exec(str));
        console.log(year);
        console.log(month);
        console.log(date);

如果未找到匹配，则返回值为 null。

• 以下实例用于搜索字符串中的字母 “e”:

  console.log(/e/.exec("The best things in life are free!")）;
  //输出匹配的结果：e![RegExp](C:\Users\86135\Desktop\Learning\Programming Learning\HTML\截图\RegExp.png)
  

（六）实例

1. 163邮箱的简单验证

注意点：

• 点前面要加’'来转义，否则在正则表达式中为匹配所有字符的意思

//验证163邮箱实例：

        //用户输入：
        var str="12345678@163.com";
        //规定邮箱格式：
        var reg=/^\w{5,8}@163\.com$/;	
        if (reg.test(str)){
            console.log("通过验证");
        }
        else{
            console.log("验证失败");
        }

2. 去掉字符中的字母

 //去掉字母中的a
        var str="1235Abc123aef";
        var reg=/[a-z]/ig;  //全局匹配，且不区分大小写
        var result=str.replace(reg,"");
        console.log(result);

（七）实际开发

实际开发中，由于实际问题的复杂性，极有可能错写或是漏写表达式

所有一般很少自己写正则表达式，可以采用网上现成的正则表达式（如邮箱、电话验证）

但是可能会用到字符串的截取和替换*（如截取日期字符串实例）*，使用正则表达式会更加方便。