正则表达式

常用正则表达式

提示

正则表达式不能用引号引起来，正确格式为：var phone = /^(0\d{2,3})-?(\d{7,8})$/

国内手机号：/^1\d{10}$/【国内手机号不建议使用更严格的校验，因为不断有新的号段放出，还要改所有正则，很麻烦】
国内座机号：/^(0\d{2,3})-?(\d{7,8})$/
邮箱：/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
身份证号码（18位）：/^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/
身份证号码（15位）：/^[1-9]\d{5}\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{2}[0-9X]$/
身份证号码（后6位）：/^(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/
QQ号码：/^[1-9][0-9]\d{4,9}$/
邮政编码：/^[1-9]\d{5}$/
百分比：/^100(\.[0]{1,2})?$|^[1-9]?[0-9](\.\d{1,2})?$/

正则表达式的坑

结论写在前：js里面进行匹配时不要加 /g，简单来说，加了“/g”就会循环遍历。

提示

在创建正则表达式对象时如果使用了“g”标识符或者设置它了的?global属性值为ture时，那么新创建的正则表达式对象将使用“/g”模式对要将要匹配的字符串进行全局匹配。在全局匹配模式下可以对指定要查找的字符串执行多次匹配。每次匹配使用当前正则对象的lastIndex属性的值作为在目标字符串中开始查找的起始位置。lastIndex属性的初始值为0，找到匹配的项后lastIndex的值被重置为匹配内容的下一个字符在字符串中的位置索引，用来标识下次执行匹配时开始查找的位置。如果找不到匹配的项lastIndex的值会被设置为0。当没有设置正则对象的全局匹配标志时lastIndex属性的值始终为0，每次执行匹配仅查找字符串中第一个匹配的项。

可以通过下面这段代码验证lastIndex在/g模式下的表现：

var str = "012345678901234567890123456789";
var re = /123/g;
console.log(re.lastIndex); //输出0,正则表达式刚开始创建
console.log(re.test(str)); //输出ture
console.log(re.lastIndex); //输出4
console.log(re.test(str)); //输出true
console.log(re.lastIndex); //输出14
console.log(re.test(str)); //输出ture
console.log(re.lastIndex); //输出24
console.log(re.test(str)); //输出false
console.log(re.lastIndex); //输出0,没有找到匹配项被重置

上面我们看到了/g模式对于RegExp.test()函数的影响，现在我们看下对RegExp.exec()函数的影响。RegExp.exec()返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

var str = "012345678901234567890123456789";
var re = /123/;
var resultArray = re.exec(str);
console.log(resultArray[0]);//匹配结果123
console.log(resultArray.input);//目标字符串str
console.log(resultArray.index);//匹配结果在原始字符串str中的索引

对于RegExp.exec方法，不加入g，则只返回第一个匹配，无论执行多少次均是如此；如果加入g，则第一次执行也返回第一个匹配，再执行返回第二个匹配，依次类推。

var str = "012345678901234567890123456789";
var re = /123/;
var globalre = /123/g;
//非全局匹配
var resultArray = re.exec(str);
console.log(resultArray[0]);//输出123
console.log(resultArray.index);//输出1
console.log(globalre.lastIndex);//输出0
var resultArray = re.exec(str);
console.log(resultArray[0]);//输出123
console.log(resultArray.index);//输出1
console.log(globalre.lastIndex);//输出0
//全局匹配
var resultArray = globalre.exec(str);
console.log(resultArray[0]);//输出123
console.log(resultArray.index);//输出1
console.log(globalre.lastIndex);//输出4
var resultArray = globalre.exec(str);
console.log(resultArray[0]);//输出123
console.log(resultArray.index);//输出11
console.log(globalre.lastIndex);//输出14

当使用/g匹配模式的时候，我们可以通过循环，获取所有的匹配项。

var str = "012345678901234567890123456789";
var globalre = /123/g;
//循环遍历,获取所有匹配
var result = null;
while ((result = globalre.exec(str)) != null)
{
 console.log(result[0]);
 console.log(globalre.lastIndex);
}