js正则表达式（RegExp）总结

阳光穿透心脏的1/2处 2022-10-30 01:25 216阅读 0赞

### 文章目录 ###

*   *  正则表达式
     *   *  1.js的RegExp对象
         *   *  1.1 创建RegExp对象
             *  1.2 匹配方法
         *  2.正则常见语法
         *   *  2.1 匹配模式
             *  2.2 元字符
             *  2.3 量词
             *  2.4 边界符
             *  2.5 分组
             *  2.6 优先级顺序

## 正则表达式 ##

> 正则表达式是用于匹配字符串中字符组合的模式，即实现对字符串中的信息进行查找、替换和提取操作。下面是我对js中正则表达式的整理与总结。如果大家发现文章中有问题，欢迎大家在评论中指正。

### 1.js的RegExp对象 ###

**js通过内置对象RegExp支持正则表达式，有2种方法实例化RegExp对象：1.字面量 2.构造函数**

#### 1.1 创建RegExp对象 ####

**1.字面量**

var reg = /\bare\b/g;
    var str = "You are a beautiful girls. There are many boys parsue you.";
    str = str.replace(reg, 'ARE');
    console.log(str);
    //You ARE a beautiful girls. There ARE many boys parsue you.

**2.构造函数**

// new RegExp("正则表达式","匹配模式");
    var reg = new RegExp('\\bare\\b','g');

第1个参数：正则表达式，js中“\\”本身就是特殊字符，想使用的话需要转义；

第2个参数：匹配模式。

#### 1.2 匹配方法 ####

*  string.match(reg) 获取匹配内容
 *  string.search(reg) 匹配字符串是否有与正则匹配的字符串，有返回索引，否则-1.
 *  string.replace(reg，str2) 替换
 *  string.split(reg) 字符串拆分成数组
 *  reg.test(string) 字符串是否匹配正则

//search
    var str2 = "abc def ghi jjk";
    var res2 = str2.search(/g[hjkl]i/);
    console.log(res2);//8
    
    //split
    var str = "1a2b3c4d5e6f7";
    var res = str.split(/[a-z]/i);
    console.log(res);//["1", "2", "3", "4", "5", "6", "7"]

### 2.正则常见语法 ###

#### 2.1 匹配模式 ####

**记住常用三个：i g m**

![img][]

//1.匹配所有项，忽略大小写。
    const testString = 'test Test tEsT abdskxc ioewhsnc'
    const reg = new RegExp('test', 'gi');
    console.log(testString.replace(reg, 'HAHA'));
    //HAHA HAHA HAHA abdskxc ioewhsnc

//多行搜索，以a开头的
    var reg = /^a/m;
    var reg2 = /^a/;
    var str = "bfdjdjk\na";
    console.log(reg.test(str));//true
    console.log(reg2.test(str));//false

#### 2.2 元字符 ####

![img][img 1]

**s(space) d(digital) w(word)小写匹配，大写取反。**

//1.匹配任意单个字符
    const reg1 = /.at/gi;
    const str1 = 'cat Bat mat DOG egg FAT cupcake sing';
    console.log(str1.match(reg1));//["cat", "Bat", "mat", "FAT"]
    //2.逻辑或 匹配满足其一即可
    const reg2 = /yes|no|maybe/i;
    const str2 = "Can I say No?";
    console.log(reg2.test(str2));//true
    //3.[]只能匹配方括号其一
    const reg3 = new RegExp('[bc]at', 'gi');
    const str3 = 'cat Bat mat DOG egg FAT cupcake sing';
    console.log(str3.match(reg3));//["cat", "Bat"]
    //4.[^]取反 排除方括号字符集合 -定义一个范围
    const reg4 = /[^a-zA-z0-9_]/;
    // /[^a-zA-z0-9_]/ 等价于 /[^\W]/
    console.log(reg4.test('a'));//false
    console.log(reg4.test('B'));//false
    console.log(reg4.test('1'));//false
    console.log(reg4.test('_'));//false
    console.log(reg4.test('!'));//true

#### 2.3 量词 ####

**量词表示匹配多少个目标对象，精确匹配长度使用\{\}。**

![img][img 2]

// 1. * 匹配连续出现零次或多次字符
    const reg1 = /hi*/gi
    const str1 = 'ahiadahdisdhixc'
    console.log(str1.match(reg1)) // [ 'hi', 'h', 'hi' ]
    // 2. + 匹配 >=1次
    const reg2 = /a+/gi;
    const str2 = 'abchAbcdklasjaaa';
    console.log(str2.match(reg2));//["a", "A", "a", "aaa"]
    // 3. ? 0或1次
    //正则表达式默认贪婪，匹配最长部分。
    //？阻止贪婪模式
    const greedyreg3 = /c[a-z]*t/gi;
    const lazyreg3 = /c[a-z]*?t/gi;
    const str3 = 'catshidtasji';
    console.log(str3.match(greedyreg3));//["catshidt"]
    console.log(str3.match(lazyreg3));//["cat"]
    // 4. {n} 某字符重复n次 精确匹配
    const reg4 = new RegExp('hi{3}', 'gi');
    const str4 = 'hiiiihhhh';
    const str4_2 = "hihihi"；
    console.log(reg4.test(str4));//true
    console.log(reg4.test(str4_2));//false
    // 5. {m,n} 重复x次，其中m <= x <= n
    const reg5 = /hi{1,4}/;
    const str5 = 'hihi';
    const str5_2 = 'hadi';
    console.log(reg5.test(str5)) // true
    console.log(reg5.test(str5_2)) // false
    // 6. {n,} >=n次
    const reg6 = /hi{5,}/;
    const str6 = 'hiiiiii';
    const str6_2 = 'hiiiihhh';
    console.log(reg6.test(str6));//true
    console.log(reg6.test(str6_2));//false

#### 2.4 边界符 ####

<table> 
 <thead> 
  <tr> 
   <th>边界</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>^</td> 
   <td>匹配字符串开头</td> 
  </tr> 
  <tr> 
   <td>$</td> 
   <td>匹配字符串结尾</td> 
  </tr> 
 </tbody> 
</table>

#### 2.5 分组 ####

<table> 
 <thead> 
  <tr> 
   <th>分组</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>（）</td> 
   <td>提前相匹配的字符串，使量词作用于分组</td> 
  </tr> 
 </tbody> 
</table>

console.log(`ashinmdnkbdkchbjduigh`.replace(/h(inm|bj)d/g, '-')) // as-nkbdkc-uigh

const reg7 = /(abc){2}/g;
    const str7 = 'abccccd,abcabcef,abcabcabc';
    console.log(str7.match(reg7));//["abcabc", "abcabc"]

#### 2.6 优先级顺序 ####

下面从最高优先级到最低优先级列排序：

(1) 转义符：\\

(2) 圆括号和方括号：(), \[\]

(3) 量词： \*, +, ?, \{n\}, \{n,\}, \{n,m\}

(4) 位置和顺序： ^, $

(5) “或”操作： |

[img]: /images/20221024/18dafe06128848c49d478f2d01beaf02.png
[img 1]: /images/20221024/9bd99a5a25734856be29639ee0d1715e.png
[img 2]: /images/20221024/3e74c1cd232742a18e70571f704e8cc3.png