js正则表达式功能集锦（个人经验版）

✅ 作者 : 布克吉

🍎简介 :入行两年，专注于前端开发，微信小程序，后台管理（Vue+React）

               本博客主要用于分享前端技术知识，更多内容请看下方👇

✨人生态度 ：☀️Eventually everything will be fine！

什么是正则？

正则表达式是由一些具有特殊含义的字符组成的字符串，多用于查找、替换符合规则的字符串。在表单验证、Url映射等处都会经常用到。

简单来说就是验证规则，以一段简单又复杂的字符串验证变量，省去逻辑判断，减少代码量。

所以说，每一个正则表达式，都可以用代码去解释它的原理。

1.简单使用

定义方式有两种

字面量 ：

//匹配字符串所有'java'的实例
var p1 = /java/g;

构造函数 ：RegExp构造函数接收两个参数：要匹配的字符串模式(pattern)和可选的标志字符串(flags)，标志字符串和字面量的三个标志含义相同：'g'、'i'、'm'。

//同上
var p2 = new RegExp('java','g');

 使用

console.log(p1.test('javascript'));//true
console.log(p2.test('javascript'));//true

2.动态正则实现模糊查询

let array = ['golf', 'father', 'userform', 'password'];
let inputType = 'f';

let filteredArray = array.filter(item => {
  let regex = new RegExp(inputType);
  return regex.test(item);
});

console.log(filteredArray); // 输出 ['golf', 'father', 'userform']

3.匹配方法match

参考文章（详解正则表达式匹配方法 match()）http://t.csdnimg.cn/7vM0Zhttp://t.csdnimg.cn/7vM0Z

4.常用正则

1. Email邮箱地址：^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$ 

另外一个：  /^[A-Za-z0-9._%-]+@([A-Za-z0-9-]+.)+[A-Za-z]{2,4}$/

2. url域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?

3. InternetURL：[a-zA-z]+://[^s]* 或 ^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$

4. 手机号码：^(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}$

　　　　　　 另外一个：/^1[3|4|5|7|8]d{9}$/

5. 电话号码：^((d{3,4}-)|d{3.4}-)?d{7,8}$ 

6. 国内电话号码(0511-4405222、021-87888822)：d{3}-d{8}|d{4}-d{7}   

7. 身份证号：

　　　　　　15或18位身份证：^d{15}|d{18}$

　　　　　　15位身份证：^[1-9]d{7}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}$

　　　　　　18位身份证：^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{4}$

　　　　　　8 短身份证号码(数字、字母x结尾)：^([0-9]){7,18}(x|X)?$

　　　　　　　　　　或 ^d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$

9. 帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：

　　　　　　^[a-zA-Z][a-zA-Z0-9_]{4,15}$

10. 密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)：

　　　　　　^[a-zA-Z]w{5,17}$

11. 强密码(必须包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间)：

　　　　　　^(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$  

12. 日期格式：^d{4}-d{1,2}-d{1,2}

参考文章：

js 常用js正则表达式大全

https://www.cnblogs.com/wanguofeng/p/10730766.html

正则表达式全解析+常用示例

http://t.csdnimg.cn/KN8V0