微信扫一扫打赏支持

js进阶正则表达式5几个小实例（原样匹配的字符在正则中原样输出）（取反^）

js进阶正则表达式5几个小实例（原样匹配的字符在正则中原样输出）（取反^）

一、总结

原样匹配的字符在正则中原样输出：var reg4=/第[1-2][0-9]章/g //10-29

取反^：var reg1=/[^0-9]/g

 

二、js进阶正则表达式5几个小实例

 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4   <meta charset="utf-8">
 5   <title>课堂演示</title>
 6   <style type="text/css">
 7   li{
 8       font-size: 20px;
 9       width: 500px;
10       background: rgba(0,180,80,0.3);
11       padding: 10px;
12       margin: 10px;
13     }
14   </style>
15 </head>
16 <body>
17   <script type="text/javascript">
18     var str1="555aa421html3kk98css44bb52js31hh328cc7213";
19     var str2="aay我ra12b要b78bc自hcc23a学ab51ck网aambcc";
20     var str3="第1章 第13章 第21章 第7章 第15章 第51章 第10章..."
21     var reg1=/[^0-9]/g
22     var reg2=/[abc]/g
23     var reg3=/[a-z0-9]/gi
24     var reg4=/第[1-2][0-9]章/g //10-29
25     document.write('<ol>')
26     document.write('<li>'+str1+'<br>'+str2)
27     document.write('<li>'+str1.replace(reg1,''))
28     document.write('<li>'+str1.replace(reg2,''))
29     document.write('<li>'+str2.replace(reg3,''))
30     document.write('<li>'+str3.match(reg4)) //以数组的形式返回符合条件的数据
31     document.write('<li>'+str3.match(reg4).length)
32     document.write('<li>'+str3.match(reg4)[1])
33     document.write('</ol>')
34 
35   </script>
36 </body>
37 </html>

 

posted @ 2018-05-24 03:10  范仁义  阅读(460)  评论(0)  编辑  收藏  举报