正则表达式

正则表达式

正则表达式: regular expression：RegExp

用途: 用来处理字符串的规则

• 只能处理字符串
• 它是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到（exec / match…）

编写正则表达式

创建方式有两种

//=>字面量创建方式（两个斜杠之间包起来的，都是用来描述规则的元字符）
let reg1 = /\d+/;

//=>构造函数模式创建  两个参数：元字符字符串，修饰符字符串
let reg2 = new RegExp("\\d+");

正则表达式主要是由两部分组成

正则表达式由两部分组成

• 元字符
• 修饰符
  以下是比较常用的字符

1.量词元字符：设置出现的次数

/*常用的元字符*/
* 零到多次  
+ 一到多次
? 零次或者一次
{n} 出现n次
{n,} 出现n到多次
{n,m} 出现n到m次

2.特殊元字符：单个或者组合在一起代表特殊的含义

\    转义字符（普通->特殊->普通）
.    除\n（换行符）以外的任意字符
^    以哪一个元字符作为开始
$    以哪一个元字符作为结束
\n   换行符
\d   0~9之间的一个数字
\D   非0~9之间的一个数字 （大写和小写的意思是相反的）
\w   数字、字母、下划线中的任意一个字符
\s   一个空白字符（包含空格、制表符、换页符等）
\t   一个制表符（一个TAB键：四个空格）
\b   匹配一个单词的边界
x|y  x或者y中的一个字符
[xyz] x或者y或者z中的一个字符
[^xy] 除了x/y以外的任意字符
[a-z] 指定a-z这个范围中的任意字符  [0-9a-zA-Z_]===\w
[^a-z] 上一个的取反“非”
()   正则中的分组符号
(?:) 只匹配不捕获
(?=) 正向预查
(?!) 负向预查 

元字符详细解析
^ $ 这两个字符的意思是以什么开头和结尾

let reg = /^\d/;  //因为\d 的意思是0~9之间的一个数字 ,而^代表的是以什么开头 ,$代表的是以什么结尾
console.log(reg.test("zhufeng")); //=>false  /^\d/ 这个字符代表的是以数字0~9开头,而题目里输出的内容明显不是所以返回的结果为false
console.log(reg.test("2019zhufeng"));//=>true 
console.log(reg.test("zhufeng2019"));//=>false

let reg = /\d$/;
console.log(reg.test("zhufeng")); //=>false  /\d$/这个字符代表的是以数字0~9结尾,,而例题里面输出的内容明显不是,因此返回的false
console.log(reg.test("2019zhufeng"));//=>false
console.log(reg.test("zhufeng2019"));//=>true

//=>.不是小数点，是除\n外的任意字符
let reg = /^2.3$/;
console.log(reg.test("2.3"));//=>true  因为.不是小数点，代表的是除\n外的任意字符,所以浏览器返回的true
console.log(reg.test("2@3"));//=>true
console.log(reg.test("23"));//=>false

//=>基于转义字符，让其只能代表小数点
reg = /^2\.3$/;
console.log(reg.test("2.3"));//=>true
console.log(reg.test("2@3"));//=>false

let str = "\\d";
reg = /^\d$/; //=>\d代表0-9的数字
console.log(reg.test(str)); //=>false
reg = /^\\d$/; //=>把特殊符合转换为普通的
console.log(reg.test(str)); //=>true

x|y

let reg = /^18|29$/;  `x|y`这个字符的含义是X或Y
console.log(reg.test("18")); //=>true
console.log(reg.test("29")); //=>true
console.log(reg.test("129")); //=>true
console.log(reg.test("189")); //=>true
console.log(reg.test("1829")); //=>true
console.log(reg.test("829")); //=>true
console.log(reg.test("182")); //=>true
//---直接x|y会存在很乱的优先级问题，一般我们写的时候都伴随着小括号进行分组，因为小括号改变处理的优先级 =>小括号：分组
reg = /^(18|29)$/;
console.log(reg.test("18")); //=>true
console.log(reg.test("29")); //=>true
console.log(reg.test("129")); //=>false
console.log(reg.test("189")); //=>false
//=>只能是18或者29中的一个了

[]

//1.中括号中出现的字符一般都代表本身的含义
let reg = /^[@+]$/;
console.log(reg.test("@")); //=>true
console.log(reg.test("+")); //=>true
console.log(reg.test("@@")); //=>false
console.log(reg.test("@+")); //=>false

reg = /^[\d]$/; //=>\d在中括号中还是0-9
console.log(reg.test("d"));//=>false
console.log(reg.test("\\"));//=>false
console.log(reg.test("9"));//=>true

//2.中括号中不存在多位数
reg = /^[18]$/;
console.log(reg.test("1")); //=>true
console.log(reg.test("8")); //=>true
console.log(reg.test("18")); //=>false

reg = /^[10-29]$/; //=>1或者0-2或者9
console.log(reg.test("1"));//=>true
console.log(reg.test("9"));//=>true
console.log(reg.test("0"));//=>true
console.log(reg.test("2"));//=>true
console.log(reg.test("10"));//=>false

常用的正则表达式

1. 验证是否为有效数字

   /*
    * 规则分析
    * 1.可能出现 + - 号，也可能不出现  [+-]?
    * 2.一位0-9都可以，多位首位不能是0 (\d|([1-9]\d+))
    * 3.小数部分可能有可能没有，一旦有后面必须有小数点+数字 (\.\d+)?
    */
   let reg = /^[+-]?(\d|([1-9]\d+))(\.\d+)?$/;
   

2. 验证密码

   //=>数字、字母、下划线
   //=>6~16位
   let val = userPassInp.value,
       reg = /^\w{6,16}$/;
   let flag=reg.test(val);
   /*
   function checkPass(val){
       if(val.length<6 || val.length>16){
       	alert('长度必须介于6-16位之间！');
       	return;
   	}
       let area=['a','b'....'_']; //=>包含数字、字母、下划线
       for(let i=0;i<val.length;i++){
           let char=val[i];
           if(!area.includes(char)){
               alert('格式不正确！');
       		return;
           }
       }
   }
   */
   

正则两种创建方式的区别

//=>构造函数因为传递的是字符串，\需要写两个才代表斜杠
let reg = /\d+/g;
reg = new RegExp("\\d+","g");

//=>正则表达是中的部分内容是变量存储的值
//1.两个斜杠中间包起来的都是元字符（如果正则中要包含某个变量的值，则不能使用字面量方式创建）
let type = "zhufeng";
reg = /^@"+type+"@$/; 
console.log(reg.test("@zhufeng@")); //=>false
console.log(reg.test('@"""typeeeee"@')); //=>true
//2.这种情况只能使用构造函数方式（因为它传递的规则是字符串，只有这样才能进行字符串拼接）
reg = new RegExp("^@"+type+"@$");
console.log(reg.test("@zhufeng@"));//=>true

先整理到这,想要了解其他的内容请注意关注我呦。