正则表达式的几种常见情景下的使用方式汇总

# 一、JavaScript中基础使用

正则表达式主要是由2个部分组成

/pattern/modifiers

pattern：模式，定义表达式的主体

modifiers：修饰，修饰表达式的条件

# 1.1 定义正则表达式

在JavaScript中有两种方法定义正则表达式

第一种：直接定义（推荐）

let reg = /abc/i

第二种：实例化对象

let reg = new RegExp('abc', 'i')

# 1.2 RegExp 对象的方法

# test()

test() 方法检索字符串中的指定值。返回值是 true 或 false。

let patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));
// 由于该字符串中存在字母 "e"，以上代码的输出将是：true

# exec()

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。

let patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free")); 
// 由于该字符串中存在字母 "e"，以上代码的输出将是：e

在使用 "g" 参数时，exec() 的工作原理如下：

• 找到第一个 "e"，并存储其位置
• 如果再次运行 exec()，则从存储的位置开始检索，并找到下一个 "e"，并存储其位置

# compile()

compile() 方法用于改变 RegExp。

compile() 既可以改变检索模式，也可以添加或删除第二个参数。

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

patt1.compile("d");

document.write(patt1.test("The best things in life are free"));

由于字符串中存在 "e"，而没有 "d"，以上代码的输出是： true false

# 1.3 配合字符串方法使用

在 JavaScript 中，正则表达式常用于两个字符串方法：search() 和 replace()。

search() 方法使用表达式来搜索匹配，然后返回匹配的位置。

replace() 方法返回模式被替换处修改后的字符串。

# 配合search() 搜索字符串

search() 方法也接受字符串作为搜索参数。字符串参数将被转换为正则表达式：

var str = "Visit W3School";
var n = str.search(/w3school/i); 
// 返回目标所在索引位置 6

用法跟字符串方法indexOf()较为相似

# 配合replace() 替换字符串

使用大小写不明的正则表达式以 W3school 来替换字符串中的 Microsoft：

var str = "Visit Microsoft!";
var res = str.replace(/microsoft/i, "W3School"); 
// 结果：Visit W3School!

# 二、正则基础知识补充

补充四个正则的基础知识点，修饰符，元字符、量词、括号

# 2.1 正则修饰符

# 2.2 元字符

# 2.3 量词

# 2.4 括号

# 三、常用场景表达式

# 四、进阶场景表达式

网站中描述的很清楚，还支持在线测试，在这不赘述：https://tool.oschina.net/regex#