使用filter()方法按子串过滤数组：从链接数组提取邮箱失败

你的代码存在几个关键问题：

• 函数getEmails里引用的subset还未完成初始化（filter执行时subset还没被赋值），这会导致逻辑错误甚至报错
• 你没有从链接元素中提取文本/地址内容，直接用元素对象去判断是否包含@，这显然不对
• 错误地用未生成的数组subset做判断，而应该检查当前遍历的链接元素的内容

下面是修复后的代码：

let links = Array.from(document.getElementsByTagName('a'));
let subset = links.filter(link => {
    // 提取链接的文本内容，若需从href中判断可替换为link.href
    const content = link.textContent.trim();
    return content.includes('@');
});

如果需要进一步提取出具体的邮箱字符串，而非仅筛选包含邮箱的链接，可以这样处理：

let links = Array.from(document.getElementsByTagName('a'));
let emails = links.reduce((acc, link) => {
    const content = link.textContent.trim();
    // 用正则匹配邮箱（基础版正则，可根据需求调整规则）
    const emailMatch = content.match(/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/);
    if (emailMatch) {
        acc.push(emailMatch[0]);
    }
    return acc;
}, []);

关键修复点说明 #

• 直接在filter回调中处理当前链接元素，避免引用未初始化的变量
• 从链接元素的textContent或href中提取内容后，再判断是否包含邮箱特征符@
• 若需精准提取邮箱，用正则表达式匹配比单纯判断@的可靠性更高

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