【js正则表达式】在JavaScript中，正则表达式（Regular Expression）是一种强大的工具，用于匹配、查找、替换字符串中的特定模式。它广泛应用于表单验证、数据提取、字符串处理等场景。以下是关于JS正则表达式的简要总结和常见用法对比。
一、正则表达式基础语法
在JavaScript中，正则表达式可以通过两种方式创建：
- 字面量写法：`/pattern/flags`
- 构造函数写法：`new RegExp("pattern", "flags")`
其中，`pattern` 是正则表达式的内容，`flags` 是可选的修饰符，如 `g`（全局匹配）、`i`（忽略大小写）、`m`（多行匹配）等。
二、常用正则表达式符号说明
| 符号 | 含义 | 示例 | ||
| `^` | 匹配开头 | `/^a/` 匹配以 a 开头的字符串 | ||
| `$` | 匹配结尾 | `/a$/` 匹配以 a 结尾的字符串 | ||
| `\d` | 匹配数字 | `/\d+/` 匹配一个或多个数字 | ||
| `\w` | 匹配字母、数字、下划线 | `/[\w]+/` 匹配单词字符 | ||
| `\s` | 匹配空白字符（空格、换行、制表符等） | `/^\s+/` 匹配开头的空白 | ||
| `.` | 匹配任意字符（除了换行符） | `/a.b/` 匹配 a + 任意字符 + b | ||
| `` | 前一个字符出现 0 次或多次 | `/a/` 匹配 a 的 0 次或多次 | ||
| `+` | 前一个字符出现 1 次或多次 | `/a+/` 匹配至少一个 a | ||
| `?` | 前一个字符出现 0 次或 1 次 | `/a?b/` 匹配 a 或者 b | ||
| `[]` | 匹配括号内的任意一个字符 | `/[abc]/` 匹配 a、b 或 c | ||
| `()` | 分组，用于捕获或限定范围 | `/(ab)+/` 匹配 ab 重复一次或多次 | ||
| ` | ` | 或，表示“或”的关系 | `/a | b/` 匹配 a 或 b |
三、常用方法及功能对比
| 方法 | 功能 | 示例 |
| `test()` | 测试是否匹配 | `/^[a-z]+$/i.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[3456789]\d{9}$/` | 中国大陆手机号格式 |
| 密码强度检测 | `/^(?=.\d)(?=.[a-zA-Z]).{6,20}$/` | 至少包含数字和字母，长度6-20 |
| URL 检查 | `/^(https?:\/\/)?([\da-z\.-]+\.[a-z\.]{2,6})([\/\w \.-])\/?$/` | 简单URL格式匹配 |
五、注意事项
- 正则表达式需要合理使用转义字符（如 `\.` 表示点号本身）。
- 使用 `g` 标志时要注意多次匹配的问题。
- 复杂的正则表达式容易出错，建议使用在线测试工具进行调试。
通过掌握这些基本知识，你可以更高效地在JavaScript中使用正则表达式处理各种字符串操作任务。