RegExp 对象

---

RegExp 对象

• ·RegExp·对象表示正则表达式，是由普通字符和特殊字符(也叫元字符或限定符)组成的文字模板。
• 用途：对字符串执行模式匹配

创建RegExp对象

---

构造函数

var 变量 = new RegExp("正则表达式","匹配模式");
1

字面量

var 变量 = /正则表达式/匹配模式;
1

使用·typeof·检查正则对象，会返回·object·

正则表达式语法

---

匹配模式

• g：global 全局匹配
• i ：ignore case 忽略大小写匹配
• m : multiple lines 多行匹配

基本元字符

• . ： 任何单个字符(除了换行和行结束符)
• \ ： 转义字符，表示后一个字符不能从字面上解释
• | ： 或
• [] ： 定义一个字符集合，匹配字符集合中的任意字符,/[abc]/- 等价于/a|b|c/
• [^] ： 对上面一个集合取非
• - ： 定义一个区间

特殊元字符

量词和位置

贪婪与懒惰（非贪婪）

正则表达式默认会匹配贪婪模式（尽可能多的匹配）。

RegExp 对象方法

---

exec()

参数

str：要匹配正则表达式的字符串。

返回值

• 匹配成功，返回一个数组（包含额外的属性index和input），并更新正则表达式对象的lastIndex属性。
• 匹配失败，返回null，并把lastIndex重置为0。

RegExpObject.exec(string);
1

var s = '_x_x';
var r = /_(x)/;

r.exec(s) // ["_x", "x"]

1
2
3
4
5

const reg = RegExp('foo*', 'g')
const str = 'table footable, foosball'
let arr

while (((arr = reg.exec(str)) !== null)) {
    console.log(`Found ${arr[0]}. Next starts at ${reg.lastIndex}.`)
}

//Found foo. Next starts at 9.
// Found foo. Next starts at 19.
1
2
3
4
5
6
7
8
9
10

RegExp.prototype.test()

• 正则实例对象的test方法返回一个布尔值，表示当前模式是
• 否能匹配参数字符串。

var r = /x/g;
var s = '_x_x';

r.lastIndex // 0
r.test(s) // true

r.lastIndex // 2
r.test(s) // true

r.lastIndex // 4
r.test(s) // false

1
2
3
4
5
6
7
8
9
10
11
12

支持正则表达式的 String 对象的方法

---

检索与正则表达式相匹配的值的位置：str.search(/keyword/)
Tips：匹配成功返回匹配对象的位置，否则返回-1，不支持全局匹配

将匹配的对象以数组的形式返回：str.match(/RegExp/gi)
Tips：默认匹配到一个即停，设置gi则表示全局且忽略大小写形式的匹配

将字符串分割为字符串数组：str.split(/RegExp/gi)
Tips：此处匹配规则不附加g亦会全局匹配

替换与正则表达式匹配的子串：str.replace(/RegExp/gi, newStr)

RegExp.prototype@@search

如果正则表达式带有g修饰符，则每一次test方法都从上一次结束的位置开始向后匹配。

搜索第一个符合条件的字符串 search()

search()【只会查找第一个】——搜索字符串中是否含有指定内容。如果搜索到指定内容，则会返回第一次出现的索引；否则返回-1。

var x = 'hello world!'
// 可以search 字符串
console.log(x.search('hello'));   // 0  返回起始位置
// 也可以search  RegExp 对象
console.log(x.search(/hello/));   // 0  返回起始位置
console.log(x.search(/world/));   // 6

1
2
3
4
5
6
7

replace() 方法

• replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
  语法

str.replace(regexp/substr,replacement)
1

• 返回值：一个新的字符串
• 设置全局标志 g，替换所有匹配子串。否则，只替换第一个匹配子串。
• replacement 中的 $ 字符具有特定的含义。

let str1 = '2020/5/20'
console.log(str1.replace(/\//g,"-"));  //得到 2020-5-20
   
var str2 = "Today is fine day,today is fine day !!!"
console.log(str2.replace("today","tomorrow"));  //只能替换第一个today
console.log(str2.replace(/today/gi,"tomorrow")); //这里用到了正则，且为“全局匹配”模式，才能替换所有的today
1
2
3
4
5
6

过滤HTML标签

str.replace(/<.*?>/g, "") 
1

去除空格

str = str.replace(/^\s*/, ""); //去除开头的空格
 
str = str.replace(/\s*$/, ""); //去除结尾的空格

1
2
3
4

match()

找到一个或多个正则表达式的匹配。

str.match(regexp);
1

• 返回值：存放匹配结果的数组。
• 找到一个还是多个取决于全局标志g。
• 返回指定的值，而不是字符串位置。

示例代码如下：

var str = "Hello World!";
var reg = /[a-g]/g;

document.write(reg.exec(str) + "
"); // 输出：e
document.write(reg.test(str) + "
"); // 输出：true
document.write(reg.toString() + "
"); // 输出：/[a-g]/g
document.write(str.search(reg) + "
"); // 输出：1
document.write(str.match(reg) + "
"); // 输出：e,d
document.write(str.matchAll(reg) + "
"); // 输出：[object RegExp String Iterator]
document.write(str.replace(reg, "+") + "
"); // 输出：H+llo Worl+!
document.write(str.split(reg) + "
"); // 输出：H,llo Worl,!
1
2
3
4
5
6
7
8
9
10
11

常用正则表达式

---

用户名

//用户名正则，4到16位（字母，数字，下划线，减号）
var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;
1
2

非零数字（只能输入数字，但值不能为0，可以是00，01等）

/^([0]{2}|0[1-9]|[1-9])\d*$/
1

验证保留两位小数的正整数或0

/^([1-9]\d*|0)(\.\d{1,2})?$/
1

验证手机号码,如13908653654

手机号码 /^1[3456789]\d{9}$/
/^(1[3|5|7|8][0-9]{9})$/


function checkPhone(){ 
    var phone = document.getElementById('phone').value;
    if(!(/^1[3456789]\d{9}$/.test(phone))){ 
        alert("手机号码有误，请重填");  
        return false; 
    } 
}

1
2
3
4
5
6
7
8
9
10
11
12

url

var urlP= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
1

身份证

// 身份证正则表达式(15位)
isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
// 身份证正则表达式(18位)
isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
身份证正则合并：(^\d{15}$)|(^\d{17}([0-9]|X)$)
1
2
3
4
5

身份证

// 身份证正则表达式(15位)
isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
// 身份证正则表达式(18位)
isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;
身份证正则合并：(^\d{15}$)|(^\d{17}([0-9]|X)$)
1
2
3
4
5

密码强度

//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符
var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
1
2

整数

//正整数正则
var posPattern = /^\d+$/;
//负整数正则
var negPattern = /^-\d+$/;
//整数正则
var intPattern = /^-?\d+$/;
1
2
3
4
5
6

email

var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
1

中文

var cnPattern = /[\u4E00-\u9FA5]/;
1

车牌号

var cPattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;
1

微信号

//微信号正则，6至20位，以字母开头，字母，数字，减号，下划线
var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
1
2

日期

// 2020-01-20
var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;
1
2

十六进制颜色

var cPattern = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
1

原文链接：https://juejin.cn/post/6844903816781889543