js 正则表达式总结

谁践踏了优雅 2024-04-17 16:50 54阅读 0赞

#### 正则表达式 ####

##### 1.正则表达式的两个常用方法 #####

###### ①`对象.test(str)`:返回结果为`true/false` ######

var exp = \/d\;
    var str = "123abs";
    exp.test(str);//返回结果为true

var exp=\/d\;
    var reg = new RegExp(/\d/);//或var reg = new RegExp(exp);
    var str = "123abs";
    reg.test(str);//返回结果为true

###### ② `str.match(exp)`：返回结果为字符串中匹配的元素的集合 （当返回一个内容时，不仅会返回该匹配的正则内容，还会返回正则内容高的起始index,以及匹配字符串） ######

/*例1*/
    var exp = /\d/;
    var str = "123abs";
    console.log(str.match(exp));//输出结果如图1(只返回第一个匹配到的字符)

/*例2*/
    var exp = /\d/g;
    var str = "123abs";
    console.log(str.match(exp));//输出结果为：["1","2","3"]

/*例3*/
    /*str.replace方法是将所有与正则表达式匹配的字符串替换成第二个参数对应的值*/
     	var  s="1 2 3 4 5";
        console.log(s.replace(/\s/g, ""));//输出结果为12345

###### 图1： ######

![在这里插入图片描述][20190829151753892.]

###### 正则表达式中的符号 ######

<table> 
 <thead> 
  <tr> 
   <th>符号</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>\</code></td> 
   <td>转义字符</td> 
  </tr> 
  <tr> 
   <td><code>^</code></td> 
   <td>代表从字符串的开始位置便开始匹配</td> 
  </tr> 
  <tr> 
   <td><code>$</code></td> 
   <td>代表一直匹配至字符串的结尾</td> 
  </tr> 
  <tr> 
   <td><code>\d</code></td> 
   <td>匹配数字</td> 
  </tr> 
  <tr> 
   <td><code>\D</code></td> 
   <td>匹配非数字</td> 
  </tr> 
  <tr> 
   <td><code>\s</code></td> 
   <td>匹配空格、回车、换行</td> 
  </tr> 
  <tr> 
   <td><code>\S</code></td> 
   <td>匹配非空格、回车、换行</td> 
  </tr> 
  <tr> 
   <td><code>\w</code></td> 
   <td>匹配[0-9a-zA-Z_]</td> 
  </tr> 
  <tr> 
   <td><code>\W</code></td> 
   <td>匹配非[0-9a-zA-Z_]</td> 
  </tr> 
  <tr> 
   <td><code>\b</code></td> 
   <td>匹配结尾边界</td> 
  </tr> 
  <tr> 
   <td><code>\B</code></td> 
   <td>匹配非边界</td> 
  </tr> 
  <tr> 
   <td><code>\n</code></td> 
   <td>换行</td> 
  </tr> 
  <tr> 
   <td><code>\r</code></td> 
   <td>回车</td> 
  </tr> 
  <tr> 
   <td><code>*</code></td> 
   <td>匹配前面的字符0-无限次</td> 
  </tr> 
  <tr> 
   <td><code>+</code></td> 
   <td>匹配前面的字符1-无限次</td> 
  </tr> 
  <tr> 
   <td><code>?</code></td> 
   <td>匹配前面的字符0-1次</td> 
  </tr> 
  <tr> 
   <td><code>{n,}</code></td> 
   <td>匹配前面的字符n-无限次</td> 
  </tr> 
  <tr> 
   <td><code>{n,m}</code></td> 
   <td>匹配前面的字符最少n次，最大m次</td> 
  </tr> 
  <tr> 
   <td><code>{n}</code></td> 
   <td>匹配前面的字符n次</td> 
  </tr> 
  <tr> 
   <td><code>[a-z]</code></td> 
   <td>与a-z中任意一个字符匹配即可</td> 
  </tr> 
  <tr> 
   <td><code>[abc]</code></td> 
   <td>与a/b/c任意一个字符匹配即可</td> 
  </tr> 
  <tr> 
   <td><code>[^0-9]</code></td> 
   <td>匹配0-9以外的其他字符</td> 
  </tr> 
  <tr> 
   <td><code>|</code></td> 
   <td>或</td> 
  </tr> 
  <tr> 
   <td><code>()</code></td> 
   <td>可用于括子表达式</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>当未限定匹配字符次数时，默认必须且仅只出现一次</td> 
  </tr> 
  <tr> 
   <td><code>g</code></td> 
   <td>全局匹配。若不写，则只匹配一次</td> 
  </tr> 
 </tbody> 
</table>

/*^与$例子*/
    var str = "a1b1"
    var exp = /^\d\D$/
    exp.test(str);//false(str必须开始是数字，结束是字符，且长度必须为2)
    var exp1 = /\d\D/
    exp1.test(str);//true(只需在str中存在数字和字符相邻的情况即可)

/*\b与\D例子*/
    var str = sleep 123 sleep;
    var exp=/ep\b/g
    str.match(exp);//返回结果为：["ep", "ep"]
    var exp1 = /ee\b/g
    str.match(exp1);//返回结果为null
    
    var exp = /ee\B/g
    str.match(exp);//返回结果为["ee",''ee"]
    var exp1=/ep\B/g
    str.match(exp2);//返回结果为：null
    var exp2 =/sl\B/g
    str.match(exp2);//返回结果为["sl","sl"]

##### 正则表达式几个简单示例 #####

###### 1. 邮箱正则(此处只验证qq和163) ######

var reg=/[0-9a-zA-Z]{5,10}\@(qq|163|)\.com/

###### 2. 电话正则（第二位34578为正确数字） ######

var reg = /^1(3|4|5|7|8)\d{9}$/

###### 3. http地址正则 ######

var reg = \(http|https)\:\/\/w{ 3}\.[0-9a-zA-Z]+\.com\

[20190829151753892.]: https://img-blog.csdnimg.cn/20190829151753892.