【js正则表达式】在JavaScript中，正则表达式（Regular Expression）是一种强大的工具，用于匹配、查找、替换字符串中的特定模式。它广泛应用于表单验证、数据提取、文本处理等场景。以下是对JavaScript正则表达式的基本总结，结合常用方法和示例进行整理。
一、正则表达式基础
| 概念 | 说明 |
| 正则表达式 | 由字符和特殊符号组成的模式，用于匹配字符串中的内容 |
| 字面量写法 | `/pattern/flags`，例如：`/abc/i` |
| 构造函数写法 | `new RegExp(pattern, flags)`，例如：`new RegExp('abc', 'i')` |
| 标志（flags） | `i`（不区分大小写）、`g`（全局匹配）、`m`（多行匹配） |
二、常用元字符与语法
| 符号 | 含义 | 示例 |
| `^` | 匹配字符串的开始 | `^a` 匹配以 "a" 开头的字符串 |
| `$` | 匹配字符串的结束 | `a$` 匹配以 "a" 结尾的字符串 |
| `\d` | 匹配任意数字 | `\d{3}` 匹配三个数字 |
| `\w` | 匹配字母、数字或下划线 | `\w+` 匹配一个或多个单词字符 |
| `\s` | 匹配空白字符（空格、换行等） | `\s+` 匹配一个或多个空白 |
| `[]` | 匹配括号内的任意一个字符 | `[aeiou]` 匹配任意元音字母 |
| `` | 前一个元素出现0次或多次 | `a` 匹配零个或多个 "a" |
| `+` | 前一个元素出现1次或多次 | `a+` 匹配一个或多个 "a" |
| `?` | 前一个元素出现0次或1次 | `a?` 匹配零个或一个 "a" |
| `()` | 分组，用于捕获或限定范围 | `(ab)+` 匹配 "ab" 出现一次或多次 |
三、常用方法
| 方法 | 说明 | 示例 |
| `test()` | 测试字符串是否匹配正则表达式 | `/abc/.test('abc')` 返回 `true` |
| `match()` | 在字符串中查找匹配项 | `'abc'.match(/a/)`, 返回 `['a']` |
| `replace()` | 替换匹配项 | `'hello'.replace(/l/g, 'x')` 返回 `hexxo` |
| `search()` | 查找匹配项的位置 | `'hello'.search(/e/)` 返回 `1` |
| `split()` | 根据正则表达式分割字符串 | `'a,b,c'.split(/,/)` 返回 `['a','b','c']` |
四、实际应用示例
| 场景 | 正则表达式 | 说明 | |
| 邮箱验证 | `/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/` | 简单的邮箱格式校验 | |
| 手机号验证 | `/^1[3-9]\d{9}$/` | 匹配中国大陆手机号 | |
| 密码验证 | `/^(?=.\d)(?=.[a-z])(?=.[A-Z]).{8,}$/` | 至少包含一个数字、大写字母、小写字母，长度至少为8 | |
| 移除空格 | `/^\s+ | \s+$/g` | 删除字符串首尾空格 |
| 提取URL | `/https?:\/\/[\w\-\.]+\.\w+/` | 匹配HTTP或HTTPS链接 |
五、注意事项
- 正则表达式在JavaScript中是对象，使用时要注意转义字符。
- 使用 `g` 标志时，多次调用 `test()` 或 `exec()` 会保留状态。
- 复杂的正则表达式容易导致性能问题，应尽量简化。
通过合理使用正则表达式，可以极大提升字符串处理的效率和灵活性。掌握其基本语法和常见用法，是每个前端开发者必备的技能之一。
