JavaScript正则表达式完整使用教程

什么是正则表达式？

正则表达式（Regular Expression）是一种强大的文本处理工具，用于匹配、查找和替换字符串中的特定模式。在JavaScript中，正则表达式通过RegExp对象实现，为字符串操作提供了极大的灵活性。

创建正则表达式的两种方式

1. 字面量方式

const pattern = /abc/gi;

2. 构造函数方式

const pattern = new RegExp('abc', 'gi');

常用正则表达式方法

test() 方法

const pattern = /hello/;
console.log(pattern.test('hello world')); // true

exec() 方法

const pattern = /\d+/g;
const result = pattern.exec('abc123def456');
console.log(result[0]); // 123

字符串方法配合正则

// match() 方法
const str = 'The rain in Spain';
console.log(str.match(/ain/g)); // ['ain', 'ain']

// replace() 方法
console.log(str.replace(/\s/g, '-')); // The-rain-in-Spain

// search() 方法
console.log(str.search(/Spain/)); // 12

// split() 方法
console.log(str.split(/\s+/)); // ['The', 'rain', 'in', 'Spain']

正则表达式修饰符

• g：全局匹配
• i：忽略大小写
• m：多行匹配

常用正则表达式模式

匹配数字

/\d+/ // 匹配一个或多个数字

匹配邮箱

/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/

匹配URL

/https?:\/\/[\w.-]+\.[a-z]{2,}(\/[\w.-]*)*/gi

实际应用示例

表单验证

function validateEmail(email) {
    const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return pattern.test(email);
}

数据提取

function extractNumbers(text) {
    const pattern = /\d+/g;
    return text.match(pattern) || [];
}

最佳实践建议

1. 使用字面量方式创建简单正则表达式
2. 复杂的正则表达式使用构造函数方式
3. 合理使用修饰符提高匹配效率
4. 对用户输入进行适当的转义处理
5. 使用在线正则表达式测试工具进行调试

通过掌握JavaScript正则表达式，您将能够更高效地处理字符串操作，提升前端开发能力和代码质量。