温故知新 javascript 正则表达式

今天药忘吃喽~ 2024-02-17 21:02 8阅读 0赞

## [温故知新 javascript 正则表达式][javascript] ##

转载：[http://www.cnblogs.com/libinqq/archive/2008/07/31/1257699.html][javascript]

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

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正则 最基本的使用方法， ![224024437.gif][]看不会的请复制到笔记本练习下，看会了再往下面看。

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

1） 简单分组

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

2 复杂分组

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

3 反向引用

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

4 候选

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

5 非捕获性分组

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

6 前瞻

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

7 边界

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

8 多行模式

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
<script language="JavaScript">  
  
</script>

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

其实还有 断言 回逆 等 3~5种的正则，一看表12点了，又要举例子又要翻译，吐血，还是算了，我还是春梦了无痕吧。

[javascript]: http://www.cnblogs.com/libinqq/archive/2008/07/31/1257699.html
[224024437.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/18931e260c684bb9be8961edcb3c944b.png
[ContractedBlock.gif]: http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/b5177160e8274d7f82443ccc38fa6b2d.png
[224025633.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/1ce14f39de3744fbb6dd4db7a3c4cbce.png
[js]: http://files.cnblogs.com/libinqq/jsRegExp.rar