25 个前端常用正则表达式，让代码效率提升 80%

在前端开发中，正则表达式是一种强大的工具，能够帮助我们快速有效地处理各种文本操作。掌握一些常用的正则表达式，可以显著提升代码效率，节省开发时间。以下为您介绍 25 个前端常用的正则表达式。

1. 验证电子邮件 /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/

2. 验证手机号码 /^1[3-9]\d{9}$/

3. 验证 URL /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/

4. 验证整数 /^-?\d+$/

5. 验证浮点数 /^-?\d+(\.\d+)?$/

6. 验证密码（至少包含数字、字母和特殊字符，长度在 8 到 20 位之间） /^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,20}$/

7. 提取 HTML 标签中的内容 /<([a-zA-Z]+)[^>]*>(.*?)<\/\1>/

8. 去除字符串前后的空格 /^\s+|\s+$/g

9. 替换字符串中的所有换行符 /\n/g

10. 验证日期（YYYY-MM-DD 格式） /^\d{4}-\d{2}-\d{2}$/

11. 验证中文 /^[\u4e00-\u9fa5]+$/

12. 验证十六进制颜色代码 /#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/

13. 提取字符串中的数字 /\d+/g

14. 提取字符串中的字母 /[a-zA-Z]+/g

15. 验证用户名（只能包含字母、数字、下划线，长度在 4 到 16 位之间） /^[a-zA-Z0-9_]{4,16}$/

16. 验证 IPv4 地址 /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/

17. 验证信用卡号码 /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9]{2})[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/

18. 验证车牌号（以常见的格式为例） /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/

19. 验证邮政编码 /^\d{6}$/

20. 验证 QQ 号码 /^[1-9][0-9]{4,10}$/

21. 验证微信号（以字母开头，可包含字母、数字、下划线、减号，长度在 6 到 20 位之间） /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/

22. 验证抖音号 /^[a-zA-Z0-9_.]{3,30}$/

23. 验证微博号 /^[a-zA-Z0-9_]{3,15}$/

24. 验证知乎号 /^[a-zA-Z0-9_]{3,20}$/

25. 验证小红书号 /^[a-zA-Z0-9_.]{5,30}$/

熟练掌握并合理运用这些正则表达式，能够让您在前端开发中更加得心应手，大大提高代码的效率和质量。正则表达式的使用也需要不断地实践和积累，以应对各种复杂的文本处理需求。