2023/7/1正则表达式

正则表达式

---

---

正则表达式在前端开发领域上主要用在表单验证领域上。

1、正则表达式由以下两类字符中一种或两种组成：

       （1）原义字符：在正则表达式中表示本字符自身含义（字面量）的字符。

       （2）元字符：在正则表达式中具有特定的含义，不表示字面量的字符。

2、元字符包括：基本元字符、重复元字符、范围元字符、转义字符、分组、后向引用、非贪婪匹配符、零宽断言。

3、创建正则表达式的两种方法：

        let 变量=/正则表达式/；

        let 实例名=new RegExp("正则表达式")

4、与正则表达式相关的字符串方法：

        a.  字符串.match(reg): ----返回指定字符串中能够匹配正则表达式reg的字串。

        b.  字符串.search(reg)----返回指定字符串中能够匹配正则表达式reg的子串的索引值。

5、与测试字符串是否匹配正则表达式相关的正则表达式方法：

        正则表达式.test(字符串)

6、基本元字符：

        .   表示出了换行（\n）以外的任意字符。

        *   表示前一个字符出现0次或多次。

        ?  表示前一个字符出现0次或1次。

        +  表示前一个字符出现1次或多次（至少出现1次）。

        ^  表示以后面的字符开头。

        $  表示以前面的字符结尾。

        |   表示两端的字符选择其中的一端。

7、重复元字符：        

         {m}   表示前面的字符重复m次。

         {m,}   表示前面的字符重复m次或多次。

         {m,n} 表示前面的字符最小重复m次，最大重复n次。

8、范围元字符：   

         [a-z] 表示字符范围为a到z的1个字符。

         [A-Z] 表示字符范围为A到Z的1个字符。

         [0-9] 表示字符范围为0到9的1个字符。

         [a-zA-Z0-9] 表示字符范围为字母大小写和数字。

         [t-w] 表示字符范围为小写字母的一部分，书写时必须采用从左向右的升序书写。

         [^B-E] 表示字符范围出了B到E以外的所有字符。

         [atw] 表示字符范围是a、t、w中的1个字符，等同于/a|t|w/

9、案例：   

        匹配手机号码的正则表达式：

                （1） 13 和 18 开头的手机号是全段                                                   ----1[38][0-9]{9}

                （2） 15 和 19 开头的手机号后面除 4 外都有                         ----1[59][0-35-9][0-9]{8}

                （3） 17 开头的手机号后面除 9 外都有。                                        ----17[0-8][0-9]{8}

                （4） 14 开头的手机号除 2,3 外都有                                            ----14[014-9][0-9]{8}

                （5） 16 开头的手机号后面只有 2、 5、 6、 7。                         ----16[2567][0-9]{8}

        正则表达式：

                /^1[38][0-9]{9}|1[59][0-35-9][0-9]{8}|17[0-8][0-9]{8}|14[014-9][0-9]{8}|16[2567][0-9]{8}$/

let numberNode=document.querySelector(".number");
function judgment(){
	let number=numberNode.value;
	let x=/^1[38][0-9]{9}|1[59][0-35-9][0-9]{8}|17[0-8][0-9]{8}|14[014-9][0-9]{8}|16[2567][0-9]{8}$/
	if(!(x.test(number))){
		window.alert("请输入正确的电话号码")
	}
}