JavaScript中如何用数组验证邮箱后缀？endsWith匹配失效问题

你的问题核心是String.prototype.endsWith()只接受单个字符串作为匹配目标，直接传数组会被强制转为字符串（比如['@gmail.com', '@mail.com']会变成'@gmail.com,@mail.com'），自然没法正确匹配。这里有两种简单的解决方法：

方法1：用数组的some()方法遍历验证 #

这是最直观的方案，利用some()的特性——只要数组中有一个元素满足条件就返回true，正好适配“匹配任意合法后缀”的需求：

let input = 'test@gmail.com';
let validEndings = ['@gmail.com', '@mail.com', '@aol.com'];

const isEmailValid = validEndings.some(ending => input.endsWith(ending));
console.log(isEmailValid); // 输出 true

如果输入的邮箱是test@outlook.com，这个表达式会返回false，符合预期。

方法2：用正则表达式匹配 #

把合法后缀数组转换成正则的可选分支，一次性完成匹配：

let input = 'test@gmail.com';
let validEndings = ['@gmail.com', '@mail.com', '@aol.com'];

// 先转义后缀中的正则特殊字符（比如.），避免正则语法错误
const escapedEndings = validEndings.map(ending => ending.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'));
// 拼接成匹配字符串结尾的正则
const suffixRegex = new RegExp(`(${escapedEndings.join('|')})$`);

const isEmailValid = suffixRegex.test(input);
console.log(isEmailValid); // 输出 true

这种方法适合需要频繁验证的场景，正则只会被创建一次，性能更优。

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