热搜:前端 nest neovim nvim

日常开发提升效率之常用正则实例

lxf2023-05-27 01:32:42

关注公众号: 微信搜索 前端工具人 ; 收货更多的干货

  1. 业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。
  2. 好多都是自己开发中用到的;不符合全部人的逻辑;或者有误的;欢迎指正

1. 仅限中文和英文字符

let reg = /[\u4e00-\u9fa5_a-zA-Z]/

2. 只能是中文, 比如中国用户姓名

// 字符串仅能是中文。

let reg = /^[\\u4e00-\\u9fa5]{0,}$/;

3. 只允许输入大写字母和数字

let /^[A-Z0-9]$/;

4. 由数字、26个英文字母或下划线组成的字符串

let reg = /^\\w+$/;

5. 校验密码强度

// 密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。

let reg = /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/;
// 密码的强度必须是包含大小写字母、数字、特殊字符任意两种或多种的组合,长度在8-10之间。

let reg = /^(((?=.*[0-9])(?=.*[a-zA-Z])|(?=.*[0-9])(?=.*[^\s0-9a-zA-Z])|(?=.*[a-zA-Z])(?=.*[^\s0-9a-zA-Z]))[^\s]+)$/;

6. 校验E-Mail 地址

同密码一样,下面是E-mail地址合规性的正则检查语句。

let reg = /[\\w!#$%&'*+/=?^_`{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\\w](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?/;

7. 校验身份证号码

下面是身份证号码的正则校验。1518位。

// 15位:

let reg = /^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$/;

// 18位:

let reg = /^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$/;

8. 校验手机号

// 除了12 其他都可以
let reg = /^[1][3,4,5,6,7,8,9][0-9]{9}

// 131518开头的手机号正则表达式。(可根据目前国内收集号扩展前两位开头号码)

let reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$/;

9. 校验金额

// 方式1
let reg = !/^\d{1,10}([.]\d{1,2})?$/
// 方式2 精确到2位小数。
let reg = /^[0-9]+(.[0-9]{2})?$/;

10. 经纬度正则

/^[\u4e00-\u9fa5a-zA-Z]+$/

11. 校验基本日期格式

let reg1 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;
 
let reg2 = /^(^(\d{4}|\d{2})(\-|\/|\.)\d{1,2}\3\d{1,2}$)|(^\d{4}年\d{1,2}月\d{1,2}日$)$/;

12. 校验日期

// “yyyy-mm-dd” 格式的日期校验,已考虑平闰年。
let reg = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;

13. 判断IE的版本

`IE`目前还没被完全取代,很多页面还是需要做版本兼容,下面是IE版本检查的表达式。

let reg = /^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*Trident\\\/[5-9]\\.0).*$/;

14. 校验IP-v4地址

let reg = /\\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b/;

15. 校验IP-v6地址

let reg = /(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))/;

16. 获取URL中 ?后的携带参

let params={}
location.search.replace(/([^?&=]+)=([^&]+)/g, (_,k,v) => parmas[k] = v)
cosnole.log(params)  // ?a=b&c=d&e=f  => {a: "b", c: "d", e: "f"}

17. 检查URL的前缀

应用开发中很多时候需要区分请求是HTTPS还是HTTP,通过下面的表达式可以取出一个url的前缀然后再逻辑判断。

if (!s.match(/^[a-zA-Z]+:\/\//)) {
   s = 'http://' + s;
}

18. 提取URL链接

下面的这个表达式可以筛选出一段文本中的URL

let reg = /^(f|ht){1}(tp|tps):\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/;

19. 文件路径及扩展名校验

验证 windows下文件路径和扩展名(下面的例子中为.txt文件)

let reg = /^([a-zA-Z]\\:|\\\\)\\\\([^\\]+\\)*[^\\/:*?"<>|]+\\.txt(l)?$/;

20. 提取 Color Hex Codes

有时需要抽取网页中的颜色代码,可以使用下面的表达式。

let reg = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;

21提取网页图片

假若你想提取网页中所有图片信息,可以利用下面的表达式。

let reg = /\\< *[img][^\\>]*[src] *= *[\\"\']{0,1}([^\\"\'\ >]*)/;

22. 提取页面超链接

提取html中的超链接。

let reg = /(<a\\s*(?!.*\\brel=)[^>]*)(href="https?:\/\/)((?!(?:(?:www\\.)?'.implode('|(?:www\\.)?', $follow_list).'))[^"]+)"((?!.*\\brel=)[^>]*)(?:[^>]*)>/;

23 查找CSS属性

通过下面的表达式,可以搜索到相匹配的CSS属性。

let reg = /^\\s*[a-zA-Z\\-]+\\s*[:]{1}\\s[a-zA-Z0-9\\s.#]+[;]{1}/;

24. 抽取注释

如果你需要移除HMTL中的注释,可以使用如下的表达式。

let reg = /<!--(.*?)-->/;

25. 结尾

文章来源: 自己博客 https://www.cnblogs.com/ljx20180807/p/9492047.html

本网站是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中,您可以学习到最新的前端开发技术,了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例,让您可以快速掌握前端开发的核心技术和流程。 本网站还提供一系列实用的工具和插件,帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化,可以帮助您节省时间和精力,提升开发效率。 除此之外,本网站还拥有一个活跃的社区,您可以在社区中与其他前端开发者交流技术、分享经验、解决问题。我们相信,社区的力量可以帮助您更好地成长和进步。 在本网站中,您可以找到您需要的一切前端开发资源,让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭,一起探索前端开发的无限可能!