正则描述了一种字符串的匹配的模式 ,能够用来检查一个字符串是否包含某个子串或者是替换某个子串;通常用于表单验证,数据过滤,格式检查,数据采集,数据隐藏.javascript
所谓元字符是用来说明匹配类型的,好比java
. | 匹配换行符之外的任意字符 |
---|---|
w word | 匹配数字,字母,下划线,汉字 |
s space | 匹配任意的空白符 |
d digital | 匹配0-9之间数字 |
b border | 匹配单词的开始或结束 做为边界 |
^ | 匹配字符串的开始,以XX开头 |
^在[]里面表示否认,除了[]以外的 | |
$ | 匹配字符串的结尾,以XX结尾 |
规定紧接着的匹配的数量,与全局匹配global不同,这里的是单个git
* | 重复零次或更多 |
---|---|
+ | 重复一次或更多 |
? | 重复零次或一次 |
{n} | 重复n次 |
{n,} | 重复n次或更多 |
{n,m} | 重复n-m次 |
\ | 转义字符,匹配须要的元字符 |
处理选项正则表达式
i ignoreCase | 忽略大小写 |
---|---|
m multiline | 多行匹配 |
g global | 全局匹配 |
lastIndex | 当前表达式匹配内容的最后一个字符串的下一个位置 |
source | 正则的文本字符串 |
以上代码演示数组
var str='cat ,greatacatbat cat' console.log(str.replace(/(\bcat\b)/g,'*'))//* ,greatacatbat * var str='123abc' console.log(str.replace(/\d?/,'*')) // *23abc console.log(str.replace(/\d+/,'*')) // *abc console.log(str.replace(/\d{2,3}/,'*')) // *abc
看上面的代码可知,限定符老是尽量多的匹配,咱们称之为贪婪 ,可是有时候不须要这么贪婪,反而须要的是懒惰,也就是尽少的匹配,那么?便可表示函数
*? | 重复任意次,但尽少匹配 |
---|---|
+? | 重复最少一次,但尽少匹配 |
?? | 重复0或1次,但尽少匹配 |
{n,m}? | 重复n-m次,但尽少匹配 |
{n,}? | 重复至少n次,但尽少匹配 |
匹配本身规定的字符,通常用方括号[],[abcd]匹配abcd中任意一个网站
这样前面的元字符可有[0-9]匹配d [a-zA-Z0-9]匹配w编码
分支条件 有时候不仅是一种匹配规则,好比电话号码,那么就须要| 把不一样的规则分开spa
0\d{2}-\d{8}|0\d{3}-\d{7}
匹配的就是两种不一样的电话号码.net
所谓反义就是匹配除了以外的全部
W D S B | 与原来的相反 |
---|---|
[^abcd] | 匹配除abcd之外的任意字符 |
重复单个字符直接加元字符;重复多个字符则须要用()括起来再加元字符
(\d{1,3}\.){3}
匹配1-3为数字加点 重复3次
调整分组 每一个分组均可以用$数字表示,第一个即\$1 这是在replace中表示;在正则本身中则用数字
忽略分组 ?: 用来忽略组,原来的组就被忽略了,数字也就变化了
正向前瞻 (?=d) 负向前瞻 (?!d) 预测前方是否符合条件
var data='2014-02-12' console.log(data.replace(/(\d{4})-(\d{2})-(\d{2})/,'$3/$2/$1')) // 12/02/2014 var number='123456789' console.log(number.replace(/(\d{3})(?=\d{3})/g,'$1,')) // 123,456,789 var str='foo foo bar' console.log(/(\w+)\s\1/.test(str)) //true 在正则本身中用\数字表示分组 var one='a1b1c1' console.log(one.replace(/[a-z]\d/g,'*')) //*** /?:(\d+)/ //忽略这次分组
这些属性基本没多大用,只是个属性而已,都能在正则的字面量或构造函数中得出global ignoreCase lastIndex multiline source
javascript经过内置对象RegExp支持正则表达式两种方法实例化RegExp对象
字面量方法 var reg=/d/gim
构造函数方法 var reg=new RegExp('d','g')
exec方法 返回包含第一个匹配项信息的数组(没有则null),返回结果有input属性(应用正则的字符串)和index属性(匹配项在字符串中位置);对于exec而言,没有设置g index始终为第一个匹配的,设置g index则会依次从下一个开始;可是结果是同样的
var text="mom and dad and child" var reg1=/mom( and dad( and child)?)?/gim var result1=reg1.exec(text) console.log(result1) //["mom and dad and child", " and dad and child", " and child"] index: 0 input: "mom and dad and child" console.log(result1.index) //0 console.log(result1.input) //mom and dad and child console.log(result1[0]) //mom console.log(result1[1]) //and dad and child console.log(result1[2]) //and child
test()方法 返回布尔值,检验字符串是否与正则相匹配,常与if语句,表单验证结合
toString方法 返回正则字面量
toLocaleString()方法 返回正则字面量
valueOf方法 返回的是正则自己 typeof 则为Object
var reg=/\d/ console.log(reg.test('123')) // true console.log(reg.toString()) // /\d/ console.log(reg.toString().length) //4 console.log(reg.toLocaleString()) // /\d/ console.log(typeof reg.valueOf()) // object
search方法 接受一个参数:正则或字符串 返回的是第一个的索引,没有则null
split方法 字符串切割为数组
replace方法 两个参数:第一个参数为字符串或正则;第二个参数为字符串或函数;函数接受三个参数,match匹配的字符串、index匹配项在字符串位置、origin原字符串
var one='u3n12' console.log(one.search(/\d/)) //3 console.log(one.split('')) //[ "u", "3", "n", "1", "2"] console.log(one.replace(/\d/g,'*')) console.log(one.replace(/\d/g,function(match,index,origin){ return parseInt(match)+1 //u4n23 }))
match方法 接受一个参数:正则或RegExp对象 返回的是一个匹配文本有关的数组,没有则null
有g时,则全局匹配,返回数组存放字符串中全部匹配子串,没有input和index属性
没有g时,则非全局匹配,返回数组的第一个元素存放的是匹配文本,其他元素存放的是与正则的子表达式匹配的文本;数组两个对象属性,index和input,和正则的exec方法类似
var one='u3n12' console.log(one.match(/\d/)) //["3"] index: 1, input: "u3n12" console.log(one.match(/\d/g)) //["3", "1", "2"]
var text="mom and dad and child" var reg1=/mom( and dad( and child)?)?/im var reg2=/mom( and dad( and child)?)?/gim console.log(text.match(reg1)) //["mom and dad and child", " and dad and child", " and child"] //index: 0 input: "mom and dad and child" console.log(text.match(reg2)) //["mom and dad and child"]
比较exec和match
exec是正则表达式的方法;match是字符串的方法;可是返回结果都是数组
当没有子串时
exec结果不受g影响,返回的数组为第一项匹配;match返回的结果受g影响,当没有g则返回第一项匹配,当有g则返回整个数组
当有子串时
exec返回结果不受g影响,返回的是多项数组;match返回结果受g影响,当没有g则返回多项数组,当有g则只返回整个数组
讨论的两种状况 var str='mom234mom45' var reg=/\w{3}/ var reg2=/\w{3}/gim console.log(str.match(reg)) //["mom"] console.log(reg.exec(str)) //["mom"] console.log(str.match(reg2)) //["mom", "234", "mom"] console.log(reg2.exec(str)) //["mom"]
将ab,cd,ef 字母倒置
var name='ab,cd,ef' var name2=name.split(';') //分为数组 for(var i=0;i<name2.length;i++){ name2[i]=name2[i].replace(/(\w)(\w)/,"$2$1") //遍历倒置 } console.log(name2) //ba,dc,fe
两个网站
正则可视化
经常使用的正则
1、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数:^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 10 有1~3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 11 非零的正整数:^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$ 12 非零的负整数:^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$ 13 非负整数:^\d+$ 或 ^[1-9]\d*|0$ 14 非正整数:^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$ 15 非负浮点数:^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$ 16 非正浮点数:^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$ 17 正浮点数:^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ 18 负浮点数:^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ 19 浮点数:^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$ 2、校验字符的表达式 1 汉字:^[\u4e00-\u9fa5]{0,}$ 2 英文和数字:^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$ 3 长度为3-20的全部字符:^.{3,20}$ 4 由26个英文字母组成的字符串:^[A-Za-z]+$ 5 由26个大写英文字母组成的字符串:^[A-Z]+$ 6 由26个小写英文字母组成的字符串:^[a-z]+$ 7 由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$ 8 由数字、26个英文字母或者下划线组成的字符串:^\w+$ 或 ^\w{3,20}$ 9 中文、英文、数字包括下划线:^[\u4E00-\u9FA5A-Za-z0-9_]+$ 10 中文、英文、数字但不包括下划线等符号:^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$ 11 能够输入含有^%&',;=?$\"等字符:[^%&',;=?$\x22]+ 12 禁止输入含有~的字符:[^~\x22]+ 3、特殊需求表达式 1 Email地址:^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ 2 域名:[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}$ 5 电话号码("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX):^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$ 6 国内电话号码(0511-440522二、021-87888822):\d{3}-\d{8}|\d{4}-\d{7} 7 身份证号: 15或18位身份证:^\d{15}|\d{18}$ 15位身份证:^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$ 18位身份证:^[1-9]\d{5}[1-9]\d{3}((0\d)|(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} 13 一年的12个月(01~09和1~12):^(0?[1-9]|1[0-2])$ 14 一个月的31天(01~09和1~31):^((0?[1-9])|((1|2)[0-9])|30|31)$ 15 钱的输入格式: 16 1.有四种钱的表示形式咱们能够接受:"10000.00" 和 "10,000.00", 和没有 "分" 的 "10000" 和 "10,000":^[1-9][0-9]*$ 17 2.这表示任意一个不以0开头的数字,可是,这也意味着一个字符"0"不经过,因此咱们采用下面的形式:^(0|[1-9][0-9]*)$ 18 3.一个0或者一个不以0开头的数字.咱们还能够容许开头有一个负号:^(0|-?[1-9][0-9]*)$ 19 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,由于钱总不能是负的吧.下面咱们要加的是说明可能的小数部分:^[0-9]+(.[0-9]+)?$ 20 5.必须说明的是,小数点后面至少应该有1位数,因此"10."是不经过的,可是 "10" 和 "10.2" 是经过的:^[0-9]+(.[0-9]{2})?$ 21 6.这样咱们规定小数点后面必须有两位,若是你认为太苛刻了,能够这样:^[0-9]+(.[0-9]{1,2})?$ 22 7.这样就容许用户只写一位小数.下面咱们该考虑数字中的逗号了,咱们能够这样:^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$ 23 8.1到3个数字,后面跟着任意个 逗号+3个数字,逗号成为可选,而不是必须:^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$ 24 备注:这就是最终结果了,别忘了"+"能够用"*"替代若是你以为空字符串也能够接受的话(奇怪,为何?)最后,别忘了在用函数时去掉去掉那个反斜杠,通常的错误都在这里 25 xml文件:^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$ 26 中文字符的正则表达式:[\u4e00-\u9fa5] 27 双字节字符:[^\x00-\xff] (包括汉字在内,能够用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)) 28 空白行的正则表达式:\n\s*\r (能够用来删除空白行) 29 HTML标记的正则表达式:<(\S*?)[^>]*>.*?</\1>|<.*? /> (网上流传的版本太糟糕,上面这个也仅仅能部分,对于复杂的嵌套标记依旧无能为力) 30 首尾空白字符的正则表达式:^\s*|\s*$或(^\s*)|(\s*$) (能够用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),很是有用的表达式) 31 腾讯QQ号:[1-9][0-9]{4,} (腾讯QQ号从10000开始) 32 中国邮政编码:[1-9]\d{5}(?!\d) (中国邮政编码为6位数字) 33 IP地址:\d+\.\d+\.\d+\.\d+ (提取IP地址时有用)