【javascript（正则表达式）】在 JavaScript 中，正则表达式（Regular Expression）是一种强大的工具，用于匹配、查找、替换字符串中的特定模式。它广泛应用于表单验证、数据提取、字符串处理等场景。以下是对 JavaScript 正则表达式的总结与对比。
一、JavaScript 正则表达式概述
JavaScript 中的正则表达式可以通过两种方式创建：
1. 字面量写法：`/pattern/flags`
2. 构造函数写法：`new RegExp("pattern", "flags")`
其中 `flags` 是可选的，常见的有：
- `g`：全局匹配
- `i`：忽略大小写
- `m`：多行匹配
二、常用正则表达式符号说明
| 符号 | 含义 | 示例 |
| `^` | 匹配开头 | `/^a/` 匹配以 a 开头的字符串 |
| `$` | 匹配结尾 | `/a$/` 匹配以 a 结尾的字符串 |
| `.` | 匹配任意字符（除换行符外） | `/a.c/` 匹配 a + 任意字符 + c |
| `` | 前一个字符出现 0 次或多次 | `/a/` 匹配空、a、aa 等 |
| `+` | 前一个字符出现 1 次或多次 | `/a+/` 匹配 a、aa、aaa 等 |
| `?` | 前一个字符出现 0 次或 1 次 | `/a?/` 匹配空或 a |
| `[]` | 匹配括号内的任意一个字符 | `/[abc]/` 匹配 a、b 或 c |
| `[^]` | 匹配不在括号内的任意一个字符 | `/[^abc]/` 匹配非 a、b、c 的字符 |
| `()` | 分组，用于捕获或限定范围 | `/(ab)+/` 匹配 ab、abab 等 |
| `\d` | 匹配数字（等价于 `[0-9]`） | `/\\d+/` 匹配一个或多个数字 |
| `\D` | 匹配非数字 | `/\\D+/` 匹配一个或多个非数字 |
| `\w` | 匹配字母、数字、下划线 | `/\\w+/` 匹配单词字符 |
| `\W` | 匹配非单词字符 | `/\\W+/` 匹配非单词字符 |
| `\s` | 匹配空白字符（空格、制表符等） | `/\\s+/` 匹配一个或多个空白 |
| `\S` | 匹配非空白字符 | `/\\S+/` 匹配一个或多个非空白 |
三、JavaScript 正则表达式方法
| 方法 | 说明 | 示例 |
| `test()` | 测试字符串是否匹配正则表达式 | `/a/.test("apple")` 返回 `true` |
| `exec()` | 执行匹配并返回结果数组 | `/a/.exec("apple")` 返回 `["a"]` |
| `match()` | 字符串方法，返回匹配结果 | `"apple".match(/a/)` 返回 `["a"]` |
| `replace()` | 替换匹配内容 | `"hello".replace(/l/g, "x")` 返回 `hexxo` |
| `search()` | 查找匹配位置 | `"hello".search(/e/)` 返回 `1` |
| `split()` | 根据正则分割字符串 | `"a,b,c".split(/,/)` 返回 `["a", "b", "c"]` |
四、使用建议
- 在需要频繁匹配时，尽量使用字面量写法，性能更优。
- 使用 `g` 标志进行全局搜索时，注意 `exec()` 方法的重复调用行为。
- 避免使用过于复杂的正则表达式，以免影响性能和可读性。
五、总结
| 内容 | 说明 |
| 定义 | 用于匹配、查找、替换字符串中的模式 |
| 创建方式 | 字面量 / 构造函数 |
| 常用符号 | `^`, `$`, `.`, ``, `+`, `?`, `[]`, `()` 等 |
| 常用方法 | `test()`, `exec()`, `match()`, `replace()` 等 |
| 实际应用 | 表单验证、文本处理、数据清洗等 |
通过合理使用 JavaScript 正则表达式，可以大大提升字符串处理的效率与灵活性。掌握其基本语法和常用方法是前端开发中不可或缺的一部分。
