【js正则表达式用法】在JavaScript中，正则表达式（Regular Expression）是一种强大的工具，用于匹配、查找、替换字符串中的特定模式。它广泛应用于表单验证、数据提取、文本处理等场景。以下是对JS正则表达式常用方法的总结，并通过表格形式清晰展示其功能与使用方式。
一、正则表达式基础语法
在JavaScript中，正则表达式可以通过两种方式创建：
- 字面量写法：`/pattern/flags`
- 构造函数写法：`new RegExp("pattern", "flags")`
其中，`flags` 是可选的，常用的有：
- `g`：全局匹配
- `i`：忽略大小写
- `m`：多行匹配
二、常见正则表达式方法总结
| 方法 | 说明 | 示例 | 输出 |
| `test()` | 检查字符串是否匹配正则表达式 | `/a/.test("abc")` | `true` |
| `exec()` | 在字符串中执行匹配，返回匹配结果数组 | `/a/.exec("abc")` | `["a"]` |
| `match()` | 返回字符串中所有匹配项组成的数组 | `"abc".match(/a/g)` | `["a"]` |
| `replace()` | 替换字符串中符合正则表达式的部分 | `"abc".replace(/a/, "x")` | `"xbc"` |
| `search()` | 查找字符串中匹配正则表达式的第一个位置 | `"abc".search(/b/)` | `1` |
| `split()` | 根据正则表达式分割字符串 | `"a,b,c".split(/,/)` | `["a", "b", "c"]` |
三、常用正则表达式符号
| 符号 | 说明 | 示例 |
| `^` | 匹配开头 | `/^a/` 匹配以 a 开头的字符串 |
| `$` | 匹配结尾 | `/a$/` 匹配以 a 结尾的字符串 |
| `.` | 匹配任意字符（除换行符外） | `/a.c/` 匹配 "abc"、"aac" 等 |
| `` | 前一个字符出现0次或多次 | `/a/` 匹配 ""、"a"、"aa" 等 |
| `+` | 前一个字符出现1次或多次 | `/a+/` 匹配 "a"、"aa" 等 |
| `?` | 前一个字符出现0次或1次 | `/a?/` 匹配 "" 或 "a" |
| `[]` | 匹配括号内的任意一个字符 | `/[abc]/` 匹配 "a"、"b"、"c" |
| `[^]` | 匹配不在括号内的任意一个字符 | `/[^abc]/` 匹配非 a、b、c 的字符 |
| `()` | 分组，用于捕获内容或限定范围 | `/(ab)+/` 匹配 "ab"、"abab" 等 |
四、实际应用示例
```javascript
// 验证邮箱格式
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
console.log(emailRegex.test("test@example.com")); // true
// 替换字符串中的数字
const str = "abc123def456";
console.log(str.replace(/\d+/g, "X")); // "abcXdefX"
// 提取手机号码
const phoneStr = "电话号码是13812345678";
const phoneMatch = phoneStr.match(/\d{11}/);
console.log(phoneMatch); // ["13812345678"
```
五、注意事项
- 正则表达式在JavaScript中是对象类型，使用时需注意转义字符。
- 使用 `g` 标志时，多次调用 `exec()` 会从上一次匹配结束的位置继续查找。
- 复杂的正则表达式建议使用在线测试工具进行调试，如 [regex101.com](https://regex101.com/)。
通过掌握这些基本的正则表达式用法，可以大大提升JavaScript在字符串处理方面的效率和灵活性。希望本文能帮助你更好地理解和应用JS中的正则表达式。
