【js正则表达式用法】在 JavaScript 中，正则表达式（Regular Expression）是一种强大的工具，用于匹配、查找、替换和验证字符串。通过使用正则表达式，开发者可以更高效地处理文本数据。以下是对 JS 正则表达式常用用法的总结。
一、正则表达式基础语法
在 JavaScript 中，正则表达式可以通过字面量或构造函数来创建：
```javascript
// 字面量方式
let regex = /pattern/flags;
// 构造函数方式
let regex = new RegExp('pattern', 'flags');
```
其中 `pattern` 是正则表达式模式，`flags` 是可选的修饰符，如 `g`（全局匹配）、`i`（忽略大小写）、`m`（多行匹配）等。
二、常见正则表达式用法总结
| 方法/操作 | 说明 | 示例 |
| `test()` | 检查字符串是否匹配正则表达式 | `/abc/.test("abc")` 返回 `true` |
| `match()` | 在字符串中查找匹配项 | `"abc".match(/a/) => ["a"]` |
| `replace()` | 替换字符串中的匹配项 | `"hello".replace(/l/g, "x") => "hexxo"` |
| `search()` | 查找字符串中匹配项的位置 | `"abc".search(/b/) => 1` |
| `split()` | 根据正则表达式分割字符串 | `"a,b,c".split(/,/) => ["a", "b", "c"]` |
三、常用正则表达式符号
| 符号 | 说明 | 示例 |
| `^` | 匹配开头 | `/^a/` 匹配以 `a` 开头的字符串 |
| `$` | 匹配结尾 | `/a$/` 匹配以 `a` 结尾的字符串 |
| `.` | 匹配任意单个字符（除了换行符） | `/a.b/` 匹配 `aab`, `acb` 等 |
| `\d` | 匹配数字 | `/\d+/` 匹配一个或多个数字 |
| `\w` | 匹配字母、数字或下划线 | `/[\w]+/` 匹配单词 |
| `\s` | 匹配空白字符（空格、制表符等） | `/^\s+/` 匹配开头的空白 |
| `` | 前一项出现 0 次或多次 | `/a/` 匹配 `""`, `"a"`, `"aa"` 等 |
| `+` | 前一项出现 1 次或多次 | `/a+/` 匹配 `"a"`, `"aa"` 等 |
| `?` | 前一项出现 0 次或 1 次 | `/a?/` 匹配 `"a"` 或 `""` |
| `[]` | 匹配括号内的任意一个字符 | `/[aeiou]/` 匹配元音字母 |
| `()` | 分组，用于捕获或限定范围 | `/(ab)+/` 匹配 `abab` 等 |
四、常用场景示例
| 场景 | 正则表达式 | 说明 |
| 验证邮箱 | `/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/` | 简单邮箱格式验证 |
| 验证手机号 | `/^1[3-9]\d{9}$/` | 匹配中国大陆手机号 |
| 替换 HTML 标签 | /<[^>]+>/g | 移除所有 HTML 标签 |
| 提取 URL 参数 | /(\w+)=(\w+)/g | 提取 key=value 形式的参数 |
五、注意事项
- 正则表达式在 JavaScript 中是对象类型，使用时要注意转义字符。
- 使用 `new RegExp()` 时，应避免直接拼接用户输入，防止正则表达式注入攻击。
- 对于复杂匹配，建议使用在线正则测试工具进行调试，如 [regex101.com](https://regex101.com/)。
通过掌握这些基本用法和技巧，开发者可以更灵活地使用 JavaScript 的正则表达式功能，提升代码效率与可维护性。
