JavaScript正则表达式使用教程

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《JavaScript正则表达式怎么用？邮箱匹配方法详解》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

正则表达式是匹配文本模式的工具，JavaScript 中通过 RegExp 对象或字面量创建；常用邮箱正则 /^[a-zA-Z0-9.\_%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/ 用于兼顾准确性与可维护性，需前后端双重校验。

正则表达式（Regular Expression，简称 regex 或 regexp）是用于匹配、查找、替换文本中特定模式的字符串工具。在 JavaScript 中，它通过 RegExp 对象或字面量（如 /pattern/flags）创建，常配合 test()、match()、replace() 等方法使用。

邮箱匹配的基本思路

真实邮箱格式较复杂（RFC 5322 标准），但日常开发中通常用“够用且稳妥”的简化规则：包含一个 @ 符号，前面有用户名（字母、数字、下划线、点、短横线等），后面有域名（含至少一个点，且顶级域一般为 2–6 个字母）。不追求 100% 覆盖所有合法邮箱，而是平衡准确性与可维护性。

常用邮箱正则写法（推荐）

以下是一个兼顾可读性、兼容性和实用性的写法：

说明各部分含义：

• ^ 表示字符串开头
• [a-zA-Z0-9._%+-]+ 匹配用户名：至少一个字母、数字或常见符号（点、下划线、百分号、加号、短横线）
• @ 字面量 @ 符号
• [a-zA-Z0-9.-]+ 匹配域名主干：字母、数字、点、短横线
• \. 匹配字面量点（需转义）
• [a-zA-Z]{2,} 匹配顶级域：至少两个纯字母（如 com、org、xyz、app）
• $ 表示字符串结尾

在代码中怎么用

可以直接用字面量或构造函数创建正则对象：

• 用 test() 判断是否匹配：
  /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test("user@example.com") // true
• 封装成函数更清晰：
  function isValidEmail(str) {
    return /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(str);
  }
• 注意：前端校验仅作友好提示，后端必须重复验证，不能信任前端输入

要注意的常见坑

• 不要用过于宽松的正则（如 /.+@.+\..+/），容易放过明显错误（如 @.com 或空格）
• 避免过度严格（如强制要求下划线或禁止连续点），会误伤合法邮箱（如 john..doe@gmail.com 虽不常见但语法合法）
• 中文邮箱（如 张三@公司.cn）不在上述正则范围内——现代邮箱支持 Unicode，但需额外处理（ES2018+ 支持 u 标志，且需更复杂的逻辑）
• 邮箱大小写不敏感，但正则本身区分大小写；上面写法已覆盖大小写字母，无需加 i 标志

基本上就这些。正则不是越长越强，而是刚好够用、易懂、好改。匹配邮箱不必一步到位，先跑通再按需微调。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript正则表达式使用教程》文章吧，也可关注golang学习网公众号了解相关技术文章。