JavaScript 正则表达式详解：语法、核心组件与实战示例

量词

用于指定字符出现的次数，灵活控制匹配长度。

• *：重复 0 次或更多次
• +：重复 1 次或更多次
• ?：重复 0 次或 1 次
• {n}：重复 n 次
• {n,}：重复 n 次或更多次
• {n,m}：重复 n 到 m 次（注意逗号两侧不能有空格）

示例：

console.log(/^哈{2}$/.test("哈哈"));        // true（正好出现 2 次）
console.log(/^哈{2,4}$/.test("哈哈哈哈"));  // true（出现 4 次，在 2-4 范围内）
console.log(/^哈{2,}$/.test("哈哈哈哈"));   // true（出现 4 次，不少于 2 次）

字符类

用于匹配一类字符，比单独列出更高效。

1. []：匹配字符集合中的任意一个字符

console.log(/[abc]/.test("andy"));   // true（包含'a'）
console.log(/[abc]/.test("die"));    // false（不包含 a、b、c 中任何一个）

2. 连字符 -：表示一个范围

console.log(/^[a-z]$/.test("p"));     // true（小写字母）
console.log(/^[A-Z]$/.test("B"));     // true（大写字母）
console.log(/^[0-9]$/.test("2"));     // true（数字）

3. 取反符号 ^：在 [] 内使用，表示匹配除指定字符外的任意字符

console.log(/^[^a-zA-Z0-9]$/.test("!")); // true（非字母数字）

4. 预定义字符类：常见模式的简写，能大幅提升可读性

• \d：匹配 0-9 之间的任意数字（相当于 [0-9]）
• \D：匹配非数字（相当于 [^0-9]）
• \w：匹配字母、数字和下划线（相当于 [A-Za-z0-9_]）
• \W：匹配非字母、数字和下划线
• \s：匹配空格（包括换行符、制表符等）
• \S：匹配非空格字符

2. 修饰符

修饰符用于约束正则表达式的执行行为，通常跟在斜杠后面。

• i：忽略大小写（ignore）
• g：全局匹配（global），找到所有匹配项而非第一个

示例：

// 忽略大小写
console.log(/a/i.test("A"));           // true
console.log(/^java$/i.test("JAVA"));   // true

// 全局替换
const str2 = "我草，整个沧南市都因林七夜一人而存在，我草";
const ret2 = str2.replace(/我草/g, "**"); // 替换所有匹配项
console.log(ret2);                     // '**,整个沧南市都因林七夜一人而存在，**'

简单示例

在实际开发中，正则常用于表单验证。下面是一些常见的应用场景：

表单验证：

// 验证 QQ 号（从 10000 开始）
const qqReg = /^[1-9][0-9]{4,}$/;

// 验证日期格式（yyyy-mm-dd）
const dateReg = /^\d{4}-\d{1,2}-\d{1,2}$/;

掌握这些基础后，你可以结合具体业务需求编写更复杂的规则。记住，调试正则时善用在线工具或浏览器控制台，能快速定位问题所在。