JavaScript正则表达式入门指南

正则表达式是JavaScript中强大的文本处理工具，掌握它可以大大提高开发效率。本指南将带你从零开始学习JavaScript正则表达式。

什么是正则表达式？

正则表达式(Regular Expression)是一种用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。

创建正则表达式

在JavaScript中有两种创建正则表达式的方式：

// 字面量方式
let regex = /pattern/flags;

// 构造函数方式
let regex = new RegExp('pattern', 'flags');

常用正则表达式方法

1. test()方法

测试字符串是否匹配正则表达式，返回true或false。

let str = 'hello world';
let result = /hello/.test(str); // true

2. exec()方法

执行正则表达式匹配，返回匹配结果的数组或null。

let str = 'hello world';
let result = /hello/.exec(str);
// 返回['hello', index: 0, input: 'hello world']

3. 字符串方法

字符串也有几个方法可以使用正则表达式：

• match() - 检索匹配项
• search() - 测试匹配项
• replace() - 替换匹配项
• split() - 分割字符串

正则表达式模式

1. 简单模式

直接匹配字符本身：

/abc/ // 匹配"abc"

2. 特殊字符

使用特殊字符实现更复杂的匹配：

• \d - 匹配数字
• \w - 匹配字母、数字或下划线
• \s - 匹配空白字符
• . - 匹配除换行符外的任意字符

3. 量词

指定匹配字符的数量：

• * - 0次或多次
• + - 1次或多次
• ? - 0次或1次
• {n} - 恰好n次
• {n,} - 至少n次
• {n,m} - n到m次

正则表达式标志

标志可以改变正则表达式的行为：

• g - 全局匹配
• i - 不区分大小写
• m - 多行匹配

实际应用示例

1. 验证邮箱

let emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;

2. 验证手机号

let phoneRegex = /^1[3-9]\d{9}$/;

3. 提取URL中的域名

let url = 'https://www.example.com/page';
let domain = url.match(/https?:\/\/([^/]+)/)[1];
// 返回"www.example.com"

通过本指南，你应该已经掌握了JavaScript正则表达式的基础知识。正则表达式虽然看起来复杂，但通过不断练习，你会发现它在前端开发中的强大作用。