JavaScript如何使用多个值对数组进行过滤

需求背景 #

现有一个存储邮箱地址的数组，需要过滤掉指定域名的邮箱，最初写的单域名过滤代码如下：

const emails = ['test@hotmail.com', 'test@gmail.com', 'test@yahoo.com']
const excludedDomain = '@hotmail';
// 注意：原示例存在逻辑问题，正确判断应为检查当前遍历的邮箱项，而非整个邮箱数组是否包含域名字符串
const eligibleEmails = emails.filter(email => !email.includes(excludedDomain));
console.log(eligibleEmails);

尝试用some()做多值过滤时，发现该方法仅返回布尔值，无法直接得到过滤后的数组；尝试组合filter()和some()也没能跑通逻辑。

正确实现方式 #

filter()搭配some()完全可以实现多域名过滤，核心逻辑非常直接：遍历每个邮箱时，检查这个邮箱是否命中任意一个要排除的域名，没命中就保留。

完整示例代码 #

const emails = ['test@hotmail.com', 'test@gmail.com', 'test@yahoo.com', 'test@outlook.com']
// 要排除的域名列表，可自由增减配置
const excludedDomains = ['@hotmail', '@yahoo'];

const eligibleEmails = emails.filter(email => {
  // 只要匹配任意一个排除域名，就标记为需要过滤
  const matchExcluded = excludedDomains.some(domain => email.includes(domain));
  return !matchExcluded;
});

console.log(eligibleEmails);
// 运行结果：['test@gmail.com', 'test@outlook.com']

补充说明 #

• 如果需要更精准的匹配，避免邮箱前缀刚好包含域名关键字出现误判，可以把匹配逻辑换成校验邮箱域名部分：

  const matchExcluded = excludedDomains.some(domain => {
    const emailDomain = email.split('@')[1];
    return emailDomain.startsWith(domain.replace('@', ''));
  });
  

• filter()和some()的组合操作不会修改原数组，返回的是完全独立的新数组，符合不可变数据的操作规范。

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