JavaScript正则表达式核心概念与实战指南

反向引用机制

反向引用机制

 
// 定义测试函数
function matchReg(reg, str) {
var result = str.match(reg);
if(result) {
console.dir(result);
} else {
console.log('match failed');
} 
} 
var reg = /([A-Za-z]{0,6})\1/;
var str = 'AndrewAndrew';
// 此测试用例执行通过
matchReg(reg, str);
// 使用(?:pattern)语法定义非捕获组，此时子表达式匹配的内容不会被记录（例如本例中的'Andrew'）
// 因此，反向引用\1无法找到之前子表达式匹配的具体文本，导致引用失败
// 需要特别注意：反向引用指向的是子表达式实际匹配到的文本内容，而非子表达式的定义本身
reg = /(?:[a-zA-Z]{0,6})\1/;
// 此测试用例执行不通过
matchReg(reg, str);

子表达式的定义与编号规则

子表达式的定义与编号规则

var parse_number = /^-?\d+(?:\.\d*)?(?:e[+\-]?\d+)?$/i;

上述正则用于解析数字字符串，其中包含两个非捕获子表达式：(?:\.\d*)和(?:e[+\-]?\d+)

正则中的\.和\-分别代表对元字符.和-的转义处理

补充说明：元字符.通常表示匹配除换行符以外的任意单个字符

连字符-在字符集如[a-zA-Z0-9]中用于表示字符范围

若子表达式未使用?:前缀（例如(\.\d*)），则按照出现顺序分配反向引用编号，关系如下

\1对应子表达式(\.\d*)

\2对应子表达式(e[+\-]?\d+)

若存在更多子表达式，则依次类推，分别为\3、\4、\5等

再次强调：反向引用指向的是子表达式在字符串中实际匹配到的具体文本内容

正向预查（Lookahead）机制

正向预查（Lookahead）机制

 
var reg = /I like (?=shanghai)/;
var str = 'I like shanghai';
matchReg(reg, str); // 测试通过
str = 'I like beijing';
matchReg(reg, str); // 测试不通过

运行上述代码即可直观理解正向预查的含义：通过(?=pattern)语法，正则表达式会预测后续字符是否符合指定模式，若符合则继续匹配成功。

相对地，(?!=pattern)为负向预查，其逻辑与正向预查相反，此处不再赘述。

贪心与非贪心匹配模式

贪心与非贪心匹配模式

 
// 贪心匹配示例
var reg = /\d{1,}/;
var str = '1999';
matchReg(reg, str); // result[0]结果为'1999'，默认模式下尽可能多地匹配字符
// 非贪心匹配示例
reg = /\d{1,}?/;
matchReg(reg, str); // result[0]结果为'1'，仅匹配一个字符

通过上述结果对比，可以清晰区分'贪心'与'非贪心'的行为差异

在量词后添加?（如pattern?）即表示启用非贪心匹配模式，默认情况下正则引擎采用贪心模式。

RegExp对象exec函数返回结果解析

RegExp对象exec函数返回结果解析

 
// 关于返回结果的具体结构
// 在matchReg函数中通过console.dir(result)输出，可在Firebug等调试工具中直观查看
String的replace函数应用String的replace函数应用
function camelize(str) {
return str.replace(/-(\w)/g, function(inputStr, p1) {
console.log(p1);
return p1.toUpperCase();
}); 
} 
console.log(camelize('background-color'));
function uncamelize(str, sep) {
sep = sep || '-';
return str.replace(/([a-z])([A-Z])/g, function(inputStr, p1, p2) {
console.log('p1:%s, p2:%s', p1, p2);
return p1 + sep + p2;
}); 
} 
console.log(uncamelize('backgroundColor', '-'));

上述两个示例主要演示replace函数的用法，此外search、split等字符串方法也可充分利用正则表达式的优势。

JavaScript正则表达式的最佳实践

JavaScript正则表达式的最佳实践

核心原则只有一条：尽量保持精简，避免过度复杂，确保代码易于阅读和维护！