如何利用正则表达式在JS前端实现15种实用功能？

本文共计1758个文字，预计阅读时间需要8分钟。

目录+引言+千分位格式化+解析链接参数+驼峰字符串+小写转大写+实现+trim()函数+HTML转义+转义HTML+反转义+验证+24小时制+验证日期格式+匹配颜色值+判断HTTPS/HTTP+验证版本号+获取网页img标签+地址+格式化

目录

• 引言
• 千分位格式化
• 解析链接参数
• 驼峰字符串
• 小写转大写
• 实现 trim()
• HTML 转义
• HTML 反转义
• 校验 24 小时制
• 校验日期格式
• 匹配颜色值
• 判断 HTTPS/HTTP
• 校验版本号
• 获取网页 img 地址
• 格式化电话号码

引言

正则什么的，你让我写，我会难受，你让我用，真香！对于很多人来说写正则就是”兰德里的折磨“吧。如果不是有需求频繁要用，根本就不会想着学它。(?!^)(?=(\\d{3})+ 这种就跟外星文一样。

但你要说是用它，它又真的好用。用来做做校验、做做字符串提取、做做变形啥的，真不错。最好的就是能 CV 过来直接用~

千分位格式化

在项目中经常碰到关于货币金额的页面显示，为了让金额的显示更为人性化与规范化，需要加入货币格式化策略。也就是所谓的数字千分位格式化。