用大白话拆解 JS 正则表达式，普通程序员轻松入门

深入浅出，搞懂正则表达式的本质

正则表达式，听起来很复杂，但其实它只是一组用来字符串模式的特殊字符。你可以把它想象成一个过滤器，可以用来从字符串中提取你想要的信息。

正则表达式的基本语法

正则表达式的基本语法很简单，主要由以下几部分组成：

• 字面量： 用来匹配字符本身，比如 "abc" 就匹配字符串 "abc"。
• 元字符： 用来匹配特殊字符，比如 . 匹配任何一个字符，^ 匹配字符串的开头，$ 匹配字符串的结尾。
• 量词： 用来指定要匹配的字符数量，比如 * 匹配零个或多个字符，+ 匹配一个或多个字符，? 匹配零个或一个字符。
• 分组： 用来将正则表达式分成多个部分，以便对匹配结果进行分组。

正则表达式的应用场景

正则表达式在 JavaScript 中的应用非常广泛，比如：

• 表单验证： 可以使用正则表达式来验证用户输入的数据是否合法，比如验证邮箱地址、手机号码等。
• 字符串处理： 可以使用正则表达式来对字符串进行处理，比如查找、替换、分割等。
• 数据提取： 可以使用正则表达式从文本中提取想要的信息，比如从 HTML 代码中提取链接、从日志文件中提取错误信息等。

用正则表达式解决实际问题

下面我们通过几个实际问题来学习如何使用正则表达式。

问题 1：验证邮箱地址

我们需要使用正则表达式来验证用户输入的邮箱地址是否合法。

const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

const isValidEmail = (email) => {
  return emailRegex.test(email);
};

问题 2：提取字符串中的数字

我们需要从字符串中提取所有数字。

const numberRegex = /\d+/g;

const extractNumbers = (string) => {
  return string.match(numberRegex);
};

问题 3：替换字符串中的所有空格

我们需要将字符串中的所有空格替换为下划线。

const spaceRegex = /\s+/g;

const replaceSpaces = (string) => {
  return string.replace(spaceRegex, '_');
};

结语

正则表达式虽然看起来很复杂，但其实只要掌握基本语法和一些常用的正则表达式，就可以轻松地解决很多实际问题。希望本文能帮助你入门正则表达式，并在实际工作中灵活运用它。