JS正则表达式封装与使用操作示例

什么是正则表达式？

正则表达式是一种可以用来匹配文本中模式的工具。例如，你可以使用它来查找文本中所有符合特定模式的单词或者数字等。

正则表达式语法

正则表达式的语法非常复杂，这里只介绍其中一些常用的语法：

• | 表示或
• [] 表示匹配其中一个字符，例如 [abc] 可以匹配 a、b 或 c
• [^] 表示匹配不属于其中的字符，例如 [^abc] 可以匹配除了 a、b 和 c 以外的所有字符
• . 表示匹配除了换行符以外的任意字符
• • 表示匹配零个或多个前面的字符
• • 表示匹配一个或多个前面的字符
• ? 表示匹配零个或一个前面的字符
• {n,m} 表示匹配 n 到 m 个前面的字符
• () 表示分组

JS中的正则表达式

在JavaScript中我们通常使用RegExp对象来操作正则表达式。创建一个RegExp对象可以使用如下两种方式：

// 直接使用正则表达式字面量创建对象
let reg1 = /abc/;

// 使用RegExp构造函数创建对象
let reg2 = new RegExp('abc');

我们可以使用RegExp对象提供的方法来对文本进行匹配。

封装正则表达式

对于一些常用的正则表达式，我们通常会把它们进行封装。例如，匹配email的正则表达式：

const emailReg = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;

我们可以通过以下方式来使用：

if(emailReg.test(email)) {
  console.log('该email地址是合法的');
} else {
  console.log('该email地址是无效的');
}

正则表达式的实际运用

示例1：搜索字符串中的所有链接地址

const str = '这是一个网站https://www.baidu.com，这是另外一个网站http://www.google.com';
const linkReg = /https?:\/\/([\w\d\.-]+)\.([a-z\.]{2,6})([\/\w\d\?\&\=\#]*)/gi;
const links = str.match(linkReg);
console.log(links);

这个示例中，我们使用正则表达式 linkReg 来匹配原始字符串 str 中的链接地址。最后使用 str.match(linkReg) 方法返回所有匹配的结果，即 links 数组。

示例2：替换文本中的错误单词

const text = '这段话中有两个错误拼写：Programing和dvelopped，他们应该是Programming和developed';
const wrongWordsReg = /(\b(Programing|dvelopped)\b)/g;
const correctText = text.replace(wrongWordsReg, function(match, p1) {
  return p1 === 'Programing' ? 'Programming' : 'developed';
});
console.log(correctText);

这个示例中，我们使用正则表达式 wrongWordsReg 来匹配原始文本 text 中所有的拼写错误。然后使用 String.replace() 方法来将错误的单词替换为正确的单词，并将结果保存到 correctText 变量中。最终输出结果为：

这段话中有两个错误拼写：Programming和developed，他们应该是Programming和developed

结论

上述两个示例展示了正则表达式在实际项目中的应用和用法，通过封装和使用正则表达式，可以达到更方便、高效和准确的文本处理结果。