js正则表达式

最新推荐文章于 2024-04-05 11:49:32 发布

wenjuanzhao

最新推荐文章于 2024-04-05 11:49:32 发布

阅读量590

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/qq_26746521/article/details/52577988

版权

javaScript 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

什么是正则表达式

描述字符模式的对象 ECMA提供RegExp来表示正则表达式。string和RegExp都定义使用正则表达式的进行强大的模式匹配

创建正则表达式

创建正则表达式的方式：

1、new运算符
第一个参数为字符串
第二个参数为可选模式的修饰符 i忽略大小写 g全局匹配 m多行匹配

   var box=new RegExp('box');
   var box1=new RegExp('box','ig');

2、字面量的方式

   var box=/box/;
   var box1=/box/ig;

测试正则表达式 –RegExp对象的函数

1、test()方法返回的是true或者false

   var box=/box/;
   var box1=/box/ig;
    console.log(box.test("sasbx2121"));  //true
    console.log(box.test("sasbox2121"));   //false

2、exec()方法以数组的方式返回匹配字符串以后的相关信息

   var box=/box/;
   var box1=/box/ig;
    console.log(box.exec("sasbx2121"));  //null
    console.log(box.exec("sasbox2121"));  
     //["box", index: 3, input: "sasbox2121"]

使用字符串的正则表达式的方法

1、match(正则表达式)方法
返回的是一个匹配过后的匹配的相关的信息数组

 var box=/box/;
   var box1=/box/ig;
    var str="hello box,Box"
    console.log(str.match(box).length);  //1
    console.log(str.match(box1).length);  //2

2、search(正则表达式)方法
返回的是第一次在字符串中找到的子串的位置数字

   var box=/box/;
   var box1=/box/ig;
    var str="hello box,Box"
    console.log(str.search(box));  //6
    console.log(str.search(box1));  //6

3、replace(正则表达式，被替换的数据)方法

   var box=/box/;
   var box1=/box/ig;
    var str="hello box,Box"
    console.log(str.replace(box,'tom'));  //hello tom,Box
    console.log(str.replace(box1,'tom'));  //hello tom,tom

4、split(正则表达式) 按他定的规则拆分字符串

   var box=/box/;
    var str="hello box,Box"
    console.log(str.split(box));  //["hello ", ",Box"]

RegExp对象的静态属性

这里写图片描述
必须执行一下，静态属性才有效

  var box=/(b)ox/;
    var str="hello box,box";
    box.test(str);  //执行一下正则表达式
    console.log(RegExp.$_);  //hello box,box
    console.log(RegExp.input);  //hello box,box
   console.log(RegExp.lastMatch); //box
   console.log(RegExp.lastParen);//b
   console.log(RegExp.leftContext);//hello

注意：
1、使用这些静态的属性的时候必须先执行一下（test或者exec）
2、但是这些静态属性有浏览器兼容问题，

RegExp的实例属性

注意的是lastIndex这个属性为什么和有没有使用正则的test方法有关系？
这里写图片描述

 var box=/box/ig;
      console.log(box.global);   //true
      console.log(box.ignoreCase);    //true
      console.log(box.multiline);  //false
      console.log(box.lastIndex);  //0
      console.log(box.source);  //box
      var patten=/google/g;
      var str='google google google';//没有任何的修饰符
      console.log(patten.lastIndex)   //0
      patten.test(str);
      console.log(patten.lastIndex) //6
      patten.test(str);
      console.log(patten.lastIndex) //13

获取控制

元字符的使用

元字符：包含特殊含义的字符。
正则表达式元字符是包含特殊含义的字符。可以控制匹配模式。
字符类单个字符和数字
这里写图片描述
元字符.号的使用

 var box=/g...gle/;
    var str="go34gle";
   console.log(box.test(str));   //true

 var box=/g[a-zA-Z]gle/;   //复合式的
    var str1="g3gle";
    var str2="gogle";
    console.log(box.test(str1));   //false
    console.log(box.test(str2));   //true

字符类：记录字符
这里写图片描述
使用记录字符$1，匹配第一个分组中的内容

      var pattenr=/8(.*)8/;
     var str="8google8djas8sgau";
    // pattenr.test(str);
     str.match(pattenr);
      console.log(RegExp.$1);   //google8djas默认的是贪婪匹配

使用$2匹配第二个分组中的内容

  var ss=/(.*)\s(.*)/;
      var str="beijing tianjian"
      console.log(str.replace(ss,'$2 $1'));  //tianjian beijing

注意这必须是RegExp的属性，而不是pattern的属性

空白字符类
这里写图片描述
匹配空白字符

var pattenr=/s\b/;
      console.log(pattenr.test("s"))

或模式的匹配

var pattenr=/google|baidu|soso/;
      console.log(pattenr.test("sss"))   //false
      console.log(pattenr.test("google"))    //true

字符类重复字符
这里写图片描述

    var box=/g*gle/;
    var str="go34gle";
    console.log(box.test(str));   //true
     //匹配到o为2-4个多或者少都会返回false
      var pattern=/go{2,4}gle/;
           var pattern1=/go{2}gle/;
      console.log(pattern.test("google"));   //匹配到o为2个
     var pattern2=/go{2,}gle/;
     console.log(pattern2.test("goooogle"));   //匹配到o的个数至少为2个

分组模式匹配

 var pattenr=/(google){4,8}/;
      console.log(pattenr.test("googlegooglegooglegoogle"))   //true

贪婪和惰性

这里写图片描述
js中正则表达式的贪婪模式和非他博览模式的区别
1.什么是正则表达式的贪婪与非贪婪匹配
　如：String str=”abcaxc”;
　Patter p=”ab*c”;
贪婪匹配:正则表达式一般趋向于最大长度匹配，也就是所谓的贪婪匹配。如上面使用模式p匹配字符串str，结果就是匹配到：abcaxc(ab*c)。
非贪婪匹配：就是匹配到结果就好，就少的匹配字符。如上面使用模式p匹配字符串str，结果就是匹配到：abc(ab*c)。
？会关闭贪婪（）

   var box1=/[a-z]+?/;
    var box2=/[a-z]+/;
    var str="sasas12";
    console.log(str.replace(box1,"xxx"));  //xxxasas12
    console.log(str.replace(box2,"xxx"));   //xxx12

组合使用

   var box=/^[a-z]+\s[0-9]{4}$/i  ;
    var str="google 1234";
    console.log(box.exec(str)) ;  //["google 1234", index: 0, input: "google 1234"]

只匹配字母这三个表达式都可以做到只匹配字母

 var box=/^[a-z]+/i  ;
   var box=/[A-Z]+/i  ;
   var box=/^[A-Z]+/i  ;

使用exec返回数组

   var cc=/[a-z]+\s\d{4}/g;
   var dd="google 2012";
   var aa=cc.exec(dd);
      console.log(aa.length);

对分组后的模式使用exec

   var cc=/([a-z]+)\s(\d{4})/g;
   var dd="google 20123";
   var aa=cc.exec(dd);
      console.log(aa.length);
      console.log(aa[0]);   //匹配到的字符串
      console.log(aa[1]);   //第一个分组匹配到的字符串
      console.log(aa[2]);   //第二个分组匹配到的字符串

捕获性分组和非捕获性分组
捕获型分组

  var cc=/(\d+)([a-z])/;
      var str="123abc";
   var aa=cc.exec(str);
      console.log(cc.length);
      console.log(aa[0]);  //123a
      console.log(aa[1]);   //123
      console.log(aa[2]);   //a

非捕获型分组


   var cc=/(\d+)(?:[a-z])/;
      var str="123abc";
   var aa=cc.exec(str);
      console.log(aa.length);
      console.log(aa[0]);  //123a
      console.log(aa[1]);   //123
           console.log(aa[2]);   //undefined  a就不捕获了

嵌套分组的exec执行的数组

  var cc=/(a?(b?(c?)))/;
      var str="abc";
   var aa=cc.exec(str);
      console.log(aa.length);
      console.log(aa[0]);  //abc
      console.log(aa[1]);   //abc
      console.log(aa[2]);   //bc
      console.log(aa[3]);   //c

常见的正则表达式

邮政编码的模式
要求：必须是6位，必须是数字，第一位不为0
正则表达式： var pattern=/[1-9][0-9]{5}/
压缩文件的文件名
要求：文件名：字母或者数字或者_ .zip .gz .rar
正则表达式：/^[\w-]+.zip|gz|rar/
删除字符串首末的空格
第一种方法：使用两次正则，一个匹配头部，一个匹配尾部。

  var pattern=/^\s+/;  //匹配头部
      var str="     goo   gle    ";
      var result=str.replace(pattern,"");
     pattern=/\s+$/;
  result=result.replace(pattern,"");
      console.log("|"+result+"|");

第二种方法：使用非贪婪捕获

  var pattern=/^\s+(.+?)\s+$/;     
      var str="     goo   gle    ";
 var  result=pattern.exec(str)[1];
      console.log("|"+result+"|");

(.+)是贪婪模式 (.+?)是惰性模式
第三种方法：使用惰性+分组的模式

  var pattern=/^\s+(.+?)\s+$/;
      var str="     goo   gle    ";
 var  result=str.replace(pattern,"$1");  //取到的是第一个分组
      console.log("|"+result+"|");

匹配电子邮件
标准邮箱：yc60.com@mail.com

/^([\w\.\-]+)@(\w\-)+\.([a-zA-Z]{2,4})/

wenjuanzhao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js正则表达式

什么是正则表达式描述字符模式的对象 ECMA提供RegExp来表示正则表达式。string和RegExp都定义使用正则表达式的进行强大的模式匹配创建正则表达式创建正则表达式的方式：1、new运算符第一个参数为字符串第二个参数为可选模式的修饰符 i忽略大小写 g全局匹配 m多行匹配 var box=new RegExp('box'); var box1=new RegEx
复制链接

扫一扫