JavaScript 正则表达式入门指南：模式与标志详解

JavaScript 正则表达式入门指南：模式与标志详解

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info

什么是正则表达式？

正则表达式（Regular Expression，简称 regex 或 regexp）是一种强大的文本处理工具，用于在字符串中进行模式匹配和替换操作。在 JavaScript 中，正则表达式通过内置的 RegExp 对象实现，并与字符串方法深度集成。

创建正则表达式的两种方式

JavaScript 提供了两种创建正则表达式的方法：

1. 构造函数语法：

let regexp = new RegExp("pattern", "flags");

这种方式适合需要动态构建正则表达式的情况，例如从用户输入生成模式。

2. 字面量语法：

let regexp = /pattern/;       // 无标志
let regexp = /pattern/gmi;    // 带标志

字面量语法更简洁，适合已知固定模式的情况。

正则表达式标志详解

JavaScript 正则表达式支持 7 种标志，它们可以单独或组合使用：

1. i - 不区分大小写匹配

   /hello/i.test("Hello")  // true
   

2. g - 全局匹配（查找所有匹配项而非在第一个匹配后停止）

3. m - 多行模式（使 ^ 和 $ 匹配每行的开头和结尾）

4. s - dotAll 模式（使 . 匹配包括换行符在内的任意字符）

5. u - 完整 Unicode 支持（正确处理代理对和 Unicode 字符）

6. y - 粘性模式（从上次匹配结束的位置开始匹配）

7. d - 生成 indices 属性（提供匹配位置的详细信息）

常用正则表达式方法

1. str.match(regexp)

字符串的 match 方法有三种可能的返回值：

• 有 g 标志时：返回所有匹配项的数组

  "a1b2c3".match(/\d/g)  // ["1", "2", "3"]
  

• 无 g 标志时：返回第一个匹配项的详细信息数组

  let result = "abc123".match(/\d+/);
  /*
  result 包含:
  [0]: "123"       // 匹配的文本
  index: 3         // 匹配开始的位置
  input: "abc123"  // 原始字符串
  */
  

• 无匹配时返回 null（注意不是空数组）

重要提示：处理 match 结果时，总是应该先检查是否为 null：

let matches = str.match(regexp) || [];

2. str.replace(regexp, replacement)

替换方法支持特殊替换模式：

| 模式 | 说明 | |------------|-----------------------------| | $& | 插入整个匹配内容 | | $` | 插入匹配内容前的字符串部分 | | $' | 插入匹配内容后的字符串部分 | | $n | 插入第 n 个捕获组的内容 | | $<name> | 插入命名捕获组的内容 | | $$ | 插入美元符号 $ |

示例：

"Hello World".replace(/world/i, "$&!!!")  // "Hello World!!!"

3. regexp.test(str)

简单的布尔测试方法：

/\d+/.test("abc123")  // true

最佳实践建议

1. 优先使用字面量语法：对于固定模式，/pattern/ 语法更简洁高效。

2. 处理 null 结果：使用 || [] 避免 match 返回 null 时的错误。

3. 合理使用标志：根据需求选择合适的标志组合。

4. 性能考虑：重复使用的正则表达式应该预先编译（存储在变量中），而不是在循环中重复创建。

5. 可读性：复杂的正则表达式可以添加注释（使用 x 标志或拆分解释）。

总结

正则表达式是 JavaScript 中强大的文本处理工具。掌握创建方式、各种标志的用途以及基本方法（match、replace、test）是使用正则表达式的基础。随着深入学习，你将能够处理更复杂的文本匹配和替换需求。

记住：正则表达式虽然强大，但也要适度使用。对于简单的字符串操作，有时基本的字符串方法可能更合适。

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info