温故知新 javascript 正则表达式

最新推荐文章于 2023-06-02 14:49:43 发布

tgyd2006

最新推荐文章于 2023-06-02 14:49:43 发布

阅读量129

点赞数

分类专栏： js 文章标签：正则表达式 JavaScript Perl ViewUI

本文链接：https://blog.csdn.net/tgyd2006/article/details/83483037

版权

js 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

很长时间没看正则表达式了，碰巧今天用到，温故知新了一把看书学习吧

50% 的举一反三练习中的原创。

一 javascript正则表达式的基本知识

1    javascript 正则对象创建和用法

声明javascript 正则表达式

   var reCat = new RegExp("cat");
      你也可以
     var reCat = /cat/;    //Perl 风格（推荐）

2 学习最常用的 test exec match search  replace  split 6个方法

1） test  检查指定的字符串是否存在

     var data = "123123";
   var reCat = /123/gi;
   alert(reCat.test(data)); //true

     //检查字符是否存在   g 继续往下走  i 不区分大小写

   2） exec 返回查询值

       var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
   var reCat = /cat/i;
   alert(reCat.exec(data)); //Cat

     3）match  得到查询数组

    var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
   var reCat = /cat/gi;
   var arrMactches = data.match(reCat)

   for (var i=0;i < arrMactches.length ; i++)
   {
         alert(arrMactches[i]);   //Cat cat
       }

   4） search  返回搜索位置  类似于indexof

   var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
   var reCat = /cat/gi;
   alert(data.search(reCat)); //23

5） replace  替换字符  利用正则替换

     var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
   var reCat = /cat/gi;
   alert(data.replace(reCat,"libinqq"));

6）split 利用正则分割数组

    var data = "123123,213,12312,312,3,Cat,cat,dsfsdfs,";
   var reCat = /\,/;
   var arrdata = data.split(reCat);

   for (var i = 0; i < arrdata.length; i++)
   {
         alert(arrdata[i]);
   }

3  学习下  简单类负向类  范围类  组合类

//简单类
    var data = "1libinqq,2libinqq,3libinqq,4libinqq";
   var reCat = /[123]libinqq/gi;
   var arrdata = data.match(reCat);

   for (var i = 0; i < arrdata.length; i++)
   {
         alert(arrdata[i]); // 1libinqq 2libinqq 3libinqq
       }

   //负向类
     var data = "alibinqq,1libinqq,2libinqq,3libinqq,4libinqq";  //\u0062cf
   var reCat = /[^a123]libinqq/gi;
   var arrdata = data.match(reCat);

   for (var i = 0; i < arrdata.length; i++)
   {
         alert(arrdata[i]); //4libinqq
   }

   //范围类
     var data = "libinqq1,libinqq2,libinqq3,libinqq4,libinqq5";  //\u0062cf
   var reCat = /libinqq[2-3]/gi;
   var arrdata = data.match(reCat);

   for (var i = 0; i < arrdata.length; i++)
   {
         alert(arrdata[i]);   // libinqq2 libinqq3
   }

   //组合类
    var data = "a,b,c,w,1,2,3,5";  //\u0062cf
   var reCat = /[a-q1-4\n]/gi;
   var arrdata = data.match(reCat);

   for (var i = 0; i < arrdata.length; i++)
   {
         alert(arrdata[i]); // a b c 1 2 3
   }

       这些都是 js正则最基本的使用方法，

看不会的请复制到笔记本练习下，看会了再往下面看。

二 javascript 正则表达式是分组知识

1）简单分组

Code
<script language="JavaScript">
  
  </script>

2 复杂分组

Code
  <script language="JavaScript">
  
  </script>

3 反向引用

Code
  <script language="JavaScript">
  
  </script>

4 候选

Code
 <script language="JavaScript">
  
  </script>

5 非捕获性分组

Code
<script language="JavaScript">
  
  </script>

6 前瞻

Code
 <script language="JavaScript">
  
  </script>

7 边界

Code
   <script language="JavaScript">
  
  </script>

8 多行模式

Code
    <script language="JavaScript">
  
  </script>

至此结束，这些都是 javascript 正则表达式的基本方法，如果你看会了看复杂的正则你会有豁然开朗的感觉。
另外我知道有些人很懒（包括我），所以正则分组的例子的我特此打包欢迎下载学习 js正则分组