正则表达式基础知识,持续更新……

前端之家收集整理的这篇文章主要介绍了正则表达式基础知识,持续更新……前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

基本内容

定义

正则描述了一种字符串的匹配的模式,可以用来检查一个字符串是否包含某个子串或者是替换某个子串;一般用于表单验证,数据过滤,格式检查,数据采集,数据隐藏.

元字符

所谓元字符是用来说明匹配类型的,比如

. 匹配换行符以外的任意字符
w word 匹配数字,字母,下划线,汉字
s space 匹配任意的空白符
d digital 匹配0-9之间数字
b border 匹配单词的开始或结束 作为边界
^ 匹配字符串的开始,以XX开头
^在[]里面表示否定,除了[]之外的
$ 匹配字符串的结尾,以XX结尾

限定符

规定紧接着的匹配的数量,与全局匹配global不一样,这里的是单个

* 重复零次或更多
+ 重复一次或更多
? 重复零次或一次
{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

分支条件 有时候不只是一种匹配规则,比如电话号码,那么就需要| 把不同的规则分开

0\d{2}-\d{8}|0\d{3}-\d{7} 匹配的就是两种不同的电话号码

反义

所谓反义就是匹配除了之外的所有

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+)/  //忽略此次分组

js中正则的使用属性

RegExp实例属性

这些属性基本没多大用,只是个属性而已,都能在正则的字面量或构造函数中得出

global ignoreCase lastIndex multiline source

js中的RegExp对象

javascript通过内置对象RegExp支持正则表达式两种方法实例化RegExp对象

字面量方法 var reg=/d/gim

构造函数方法 var reg=new RegExp('d','g')

RegExp的实例方法

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

与正则相关的string的方法

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","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         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,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 数字:^[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)$

二、校验字符的表达式
 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]+

三、特殊需求表达式
 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-4405222、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,[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地址时有用)

猜你在找的正则表达式相关文章