如何在JavaScript中实现Python正则表达式分组匹配的等效功能？

原JavaScript代码的问题 #

• 正则转义错误：JS字符串中反斜杠\是转义符，原正则里的\.\w+会被解析为.w+，正确写法需用双重转义的\\.\\w+，否则无法匹配域名里的点和字母数字下划线。
• 全局标志g误用：全局正则的lastIndex会在匹配后更新，导致后续匹配结果异常，此处不需要全局匹配，应去掉"g"标志。
• 逻辑与变量错误：
  • 循环中使用未定义的item变量，应改为items[i]；
  • filter后的逻辑完全错误，没有提取正则分组的第3组进行比较，而是错误取匹配数组的第3个元素，且比较逻辑位置颠倒。
• 结果键名错误：将循环索引i作为结果对象的键，不符合需求，应使用items中的元素作为键。

符合ES5标准的最优实现 #

以下是完全对齐原Python功能的ES5代码：

var items = ["ABC","DEF","A123","BGH5"];
var ele_list = ["dsdsd-vfvfv-abc.xyz.com", "lbebbe-fjhdhf-abc.xyz.com", "bdfhjd-bjsbjd-bgh5.lmn.com"];
// 用字面量正则避免转义问题，去掉全局标志
var pattern = /(.*)-(.*)-(.*)\.\w+\.com/;
var test_data = {};

for (var i = 0; i < items.length; i++) {
    var currentItem = items[i].toLowerCase();
    var tmp_data = ele_list.filter(function(x) {
        var matchResult = x.match(pattern);
        // 确保匹配成功，再比较第3分组的小写形式
        return matchResult && matchResult[3].toLowerCase() === currentItem;
    });
    // 以items中的元素作为结果对象的键
    test_data[items[i]] = tmp_data;
}

console.log(test_data);

代码说明 #

1. 正则修正：使用正则字面量避免字符串转义陷阱，同时移除全局匹配标志，防止匹配状态异常；
2. 循环处理：用var声明变量符合ES5标准，提前将当前item转为小写，减少重复计算；
3. 过滤逻辑：先检查匹配结果是否存在（避免匹配失败返回null报错），再提取第3个分组转为小写后与目标值比较；
4. 结果赋值：直接使用items中的元素作为键，和原Python逻辑完全一致。

运行后输出结果与原Python代码一致：

{
    "ABC": ["dsdsd-vfvfv-abc.xyz.com", "lbebbe-fjhdhf-abc.xyz.com"],
    "DEF": [],
    "A123": [],
    "BGH5": ["bdfhjd-bjsbjd-bgh5.lmn.com"]
}

内容的提问来源于stack exchange，提问作者Learner