1. 正则表达式基础
-
定义：用于描述、匹配字符串模式的表达式
-
作用：文本搜索、替换、验证和提取
-
语法 ：
/pattern/modifiers
2. 正则表达式构成
| 组成部分 | 说明 | 示例 |
|---|---|---|
| 定界符 | 通常使用/ |
/abc/ |
| 元字符 | 特殊含义的字符 | . * + ? ^ $ |
| 模式修正符 | 匹配模式修饰 | i g m |
3. 元字符分类
原子筛选方式
| 元字符 | 描述 | 示例 |
|----------|-------------|------------------|---|---|
| [abc] | 匹配方括号内任意字符 | [aeiou] 匹配元音字母 |
| [^abc] | 匹配不在方括号内的字符 | [^0-9] 匹配非数字 |
| [a-z] | 匹配范围内的字符 | [0-9] 匹配数字 |
| `x | y` | 匹配x或y |||
原子集合（预定义字符类）
| 元字符 | 描述 | 等价于 |
|---|---|---|
. |
匹配除换行符外任意字符 | - |
\d |
匹配数字 | [0-9] |
\D |
匹配非数字 | [^0-9] |
\s |
匹配空白字符 | [ \t\n\r\f\v] |
\S |
匹配非空白字符 | [^ \t\n\r\f\v] |
\w |
匹配单词字符 | [a-zA-Z0-9_] |
\W |
匹配非单词字符 | [^a-zA-Z0-9_] |
原子数量限定
| 元字符 | 描述 | 示例 |
|---|---|---|
{n} |
匹配恰好n次 | \d{3} 匹配3位数字 |
{n,} |
匹配至少n次 | \d{2,} 匹配至少2位数字 |
{n,m} |
匹配n到m次 | \d{2,4} 匹配2-4位数字 |
* |
匹配0次或多次 | a* 匹配0个或多个a |
+ |
匹配1次或多次 | a+ 匹配1个或多个a |
? |
匹配0次或1次 | a? 匹配0个或1个a |
边界控制
| 元字符 | 描述 | 示例 |
|---|---|---|
^ |
匹配字符串开始 | ^abc 匹配以abc开头的字符串 |
$ |
匹配字符串结束 | xyz$ 匹配以xyz结尾的字符串 |
\b |
匹配单词边界 | \bword\b 匹配独立单词word |
\B |
匹配非单词边界 | \Bword\B 匹配非独立单词word |
4. 模式修正符
| 修饰符 | 描述 |
|---|---|
i |
不区分大小写匹配 |
g |
全局匹配（查找所有匹配） |
m |
多行匹配 |
5. 常用正则表达式示例
| 用途 | 正则表达式 |
|---|---|
| 非空验证 | /\S+/ |
| 邮箱验证 | /[\w-]+@([\w-]+\.)+[a-zA-Z]{2,}/ |
| 手机号验证 | /^1[3-9]\d{9}$/ |
| URL验证 | /^https?:\/\/([\w-]+\.)+\S+$/ |
| 汉字匹配 | /[\u4e00-\u9fa5]/ |
| 日期格式 | /\d{4}[-/.]\d{1,2}[-/.]\d{1,2}/ |
| 身份证号 | /\d{15}(\d{2}[0-9X])?/ |
| 用户名 | /^[a-zA-Z]\w{5,17}$/ |
6. JavaScript正则方法
RegExp对象方法
| 方法 | 描述 | 示例 |
|---|---|---|
test() |
检测是否匹配 | /\d+/.test("123") → true |
exec() |
执行匹配搜索 | /\d+/.exec("abc123") → "123" |
String对象方法
| 方法 | 描述 | 示例 |
|---|---|---|
match() |
查找匹配 | "123abc".match(/\d+/) → "123" |
replace() |
替换匹配 | "abc".replace(/a/, "A") → "Abc" |
search() |
搜索匹配位置 | "abc".search(/b/) → 1 |
split() |
按模式分割 | "a,b,c".split(/,/) → "a","b","c" |
7. 高级技巧
-
贪婪匹配 ：默认尽可能多匹配（
.+） -
非贪婪匹配 ：尽可能少匹配（
.+?） -
分组捕获 ：使用
()捕获匹配内容 -
反向引用 ：使用
\1引用第一个分组
8. 实用示例
javascript
// 手机号验证
function validatePhone(phone) {
return /^1[3-9]\d{9}$/.test(phone);
}
// 提取所有数字
function extractNumbers(text) {
return text.match(/\d+/g) || [];
}
// 邮箱验证
function validateEmail(email) {
return /^[\w-]+@([\w-]+\.)+[a-zA-Z]{2,}$/.test(email);
}
// 替换日期格式
function formatDate(dateStr) {
return dateStr.replace(/(\d{4})-(\d{2})-(\d{2})/, "$1年$2月$3日");
}