js 正则表达式总结：初学者入门指南

2023-10-08 06:44:27

正则表达式（Regular Expression，简称 Regex）是一种字符模式的工具，用于查找或替换文本中符合指定规则的子字符串。在 JavaScript 中，正则表达式通过 RegExp 对象来创建和使用。本指南将简要概述 JavaScript 正则表达式，包括基本语法、常见用法和实际示例，帮助初学者快速掌握这一强大的工具。

基本语法

JavaScript 正则表达式由一系列字符组成，这些字符可以匹配文本中的字符或字符串。正则表达式中常用的字符包括：

普通字符： 这些字符与文本中的普通字符一一对应，例如 "a" 匹配字母 "a"，"1" 匹配数字 "1"。
元字符： 这些字符具有特殊含义，例如 "。" 匹配除换行符以外的任何字符，"^" 匹配字符串的开头，"$" 匹配字符串的结尾。
字符类： 这些字符用于匹配一组字符，例如 "[abc]" 匹配字母 "a"、"b" 或 "c"。
量词： 这些字符用于指定字符或子表达式的重复次数，例如 "?" 表示匹配 0 次或 1 次，"*" 表示匹配 0 次或多次，"+" 表示匹配 1 次或多次。
分组： 使用圆括号括起来的子表达式称为分组，分组可以捕获匹配的字符串，以便在后续使用。

常见用法

JavaScript 正则表达式有广泛的应用，常见用法包括：

验证输入： 使用正则表达式来验证用户输入的合法性，例如验证电子邮件地址或电话号码。
查找和替换： 使用正则表达式来查找并替换文本中的特定字符串，例如替换文章中的所有错别字。
提取数据： 使用正则表达式来从文本中提取数据，例如从 HTML 代码中提取链接或从日志文件中提取错误信息。
格式化文本： 使用正则表达式来格式化文本，例如将日期格式化为 "yyyy-mm-dd" 或将数字格式化为货币格式。

实际示例

下面是一些使用 JavaScript 正则表达式的实际示例：

验证电子邮件地址：

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,}))$/;

if (emailRegex.test(email)) {
  console.log("Email address is valid.");
} else {
  console.log("Email address is invalid.");
}

查找并替换文本：

const text = "The quick brown fox jumps over the lazy dog.";
const newText = text.replace(/fox/g, "cat");

console.log(newText); // The quick brown cat jumps over the lazy dog.

提取数据：

const html = "<html><head></head><body><h1>Welcome to my website!</h1></body></html>";
const titleRegex = /<title>(.+?)<\/title>/;
const title = titleRegex.exec(html)[1];

console.log(title); // My Website

格式化文本：

const date = new Date();
const formattedDate = date.toLocaleDateString("en-US", {
  year: "numeric",
  month: "short",
  day: "numeric"
});

console.log(formattedDate); // Dec 12, 2022