Js 正则表达式知识汇总

什么是正则表达式？

正则表达式是一种用来匹配字符串模式的工具，它由字符和特殊字符组成。在JavaScript中，可以使用RegExp对象来表示正则表达式模式。正则表达式可以用来在字符串中查找匹配的文本、替换文本、验证内容格式等。

正则表达式的语法

正则表达式语法很强大，要掌握所有的用法需要花费一定的时间和精力。下面是一些常见的元字符和语法：

• /pattern/flags：表示正则表达式模式和标志的格式。模式是要匹配的文本模式，由一系列的字符、字符类或特殊字符组成。标志是一个可选的修饰符，可以改变模式的行为，例如大小写敏感、全局匹配等。
• ^：表示文本的开头，放在模式的开头。
• $：表示文本结尾，放在模式的末尾。
• .：表示任意字符。
• []：表示字符集，用来匹配方括号内的任意字符。
• [^]：表示否定字符集，用来匹配方括号外的任意字符。
• |：表示逻辑或，可以将多个模式组合在一起。
• ()：表示分组，可以将多个字符或模式组合在一起，并将它们视为一个整体。

正则表达式的应用

匹配文本

通过正则表达式可以轻松地匹配字符串文本，例如下面的代码将会找到所有以字母a开头的单词：

const str = 'Alice has a cat and a dog. Andy has an apple.';
const pattern = /\ba\w+/g;
const matches = str.match(pattern);
console.log(matches); // ['Alice', 'a', 'and', 'Andy', 'an']

这里的\b表示单词的边界，\w+表示一个或多个字母、数字或下划线。

替换文本

通过正则表达式可以轻松地替换字符串文本，例如下面的代码将会替换字符串中的abc为def：

const str = 'abcde abcd ab abc abcdefg';
const pattern = /abc/g;
const newStr = str.replace(pattern, 'def');
console.log(newStr); // 'defde defd de def defdefg'

验证内容格式

通过正则表达式可以轻松地验证表单输入框中的内容格式，例如下面的代码将会验证输入框中的内容是否为一个有效的邮箱地址：

const emailInput = document.querySelector('#email');
const pattern = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
emailInput.addEventListener('blur', () => {
  if (!pattern.test(emailInput.value)) {
    alert('请输入一个有效的邮箱地址');
  }
});

这里的正则表达式用来匹配一个合法的邮箱地址，由字母、数字、下划线、连字符和点号组成。