JS 邮箱的正则表达式

在进行字符串验证或匹配时，正则表达式是一种非常强大的工具。在 JavaScript 中，我们可以用正则表达式来对各种文本进行处理，比如验证电话、邮编、邮箱等，今天我们就来谈一谈 JS 邮箱的正则表达式。

邮箱格式规范

在编写正则表达式之前，先来看一下邮箱格式的规范。通常，我们的邮箱地址由两部分组成：用户名和域名，中间用 “@” 符号连接。

用户名由字母、数字、下划线以及点号 “.” 组成，点号应该只能出现在除首位外的其他位置，且 “.com”、”.cn”等后缀名不能作为用户名的一部分。

域名由一串由字母或数字组成的字符串和一个顶级域名（如 .com、.cn等）组成，其中顶级域名是有限的，每次变更时需要将变更提交至域名注册管理机构进行审核。

在这个基础上，我们可以按照一定的规范来编写 JS 邮箱的正则表达式。

编写正则表达式

以下是一个基础的 JS 邮箱正则表达式：

const emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z]{2,4})+$/;

我们来逐个分析一下这个正则表达式：

^：匹配字符串开头。
([a-zA-Z0-9_\.\-])+：匹配由字母、数字、下划线、点号或中划线组成的一或多个字符。
\@：匹配一个字符 “@”。
(([a-zA-Z0-9\-])+\.)+：匹配由字母、数字或中划线和一个点号（”.”)组成的一到多个字符。
([a-zA-Z]{2,4})+：匹配顶级域名，由字母组成，长度在2-4之间。
$：匹配字符串结尾。

测试样例

接下来，我们来测试一下这个正则表达式，看看是否能够满足我们的需求。

const emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z]{2,4})+$/;

const email1 = '123@qq.com'; // true
const email2 = 'test@test.com.cn'; // true
const email3 = 'my-name_123@test.com'; // true
const email4 = 'my.name_123@test.com.cn'; // true
const email5 = 'hello@.com'; // false
const email6 = 'hello@test'; // false
const email7 = 'hello@com'; // false

console.log(emailReg.test(email1)); // true
console.log(emailReg.test(email2)); // true
console.log(emailReg.test(email3)); // true
console.log(emailReg.test(email4)); // true
console.log(emailReg.test(email5)); // false
console.log(emailReg.test(email6)); // false
console.log(emailReg.test(email7)); // false

我们会发现，在测试样例中，只有符合规范的邮箱地址会通过正则表达式的匹配，其他不符合规范的邮箱地址都会被认为是错误的。

总结

正则表达式是一个非常强大的工具，可以用来对各种文本进行处理和验证。在 JS 邮箱正则表达式的编写中，我们需要遵循的基本原则就是按照规范来编写，同时根据实际情况进行修改优化。笔者在这里提供了一个基础的 JS 邮箱正则表达式，读者可以在实际应用中根据实际需要进行适当调整或修改。同时，对于邮箱地址的验证也可以结合其他方式，比如后台数据库的查询等，来实现更加严谨的验证和处理。