摘要:基本内容定义正则描述了一种字符串的匹配的模式可以用来检查一个字符串是否包含某个子串或者是替换某个子串一般用于表单验证数据过滤格式检查数据采集数据隐藏元字符所谓元字符是用来说明匹配类型的比如匹配换行符以外的任意字符匹配数字,字母,下划线,汉字
基本内容 定义
正则描述了一种字符串的匹配的模式 ,可以用来检查一个字符串是否包含某个子串或者是替换某个子串;一般用于表单验证,数据过滤,格式检查,数据采集,数据隐藏.
元字符所谓元字符是用来说明匹配类型的,比如
. | 匹配换行符以外的任意字符 |
---|---|
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(/(cat)/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
分支条件 有时候不只是一种匹配规则,比如电话号码,那么就需要| 把不同的规则分开
0d{2}-d{8}|0d{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+)s1/.test(str)) //true 在正则自己中用数字表示分组 var one="a1b1c1" console.log(one.replace(/[a-z]d/g,"*")) //*** /?:(d+)/ //忽略此次分组js中正则的使用属性 RegExp实例属性
这些属性基本没多大用,只是个属性而已,都能在正则的字面量或构造函数中得出js中的RegExp对象global ignoreCase lastIndex multiline source
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", "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两个网站
正则可视化正则入门三十分钟
常用的正则
一、校验数字的表达式 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}((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} 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 空白行的正则表达式: s* (可以用来删除空白行) 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地址时有用)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/107637.html
摘要:写在前面正在看的源码看到了部分感觉以前看的正则表达式基础知识已经完全不够用了现翻阅博客资料将一些中正则表达式难用的部分总结归纳方便自己和友翻阅正则分组重复匹配对于重复的匹配我们经常使用到正则表达式的分组功能我们使用正则匹配地址来实践一下假 [TOC] 写在前面 - Lionad 正在看VueJS的源码, 看到了HtmlParser部分, 感觉以前看的正则表达式基础知识已经完全不够用了,...
摘要:当以非构造函数形式被调用时,等同于。并且,函数执行完毕后,其活动对象不会被销毁,因为匿名函数的作用域链仍然在引用这个活动对象。知道闭包被销毁,创建函数的活动对象才会被回收。 本着尽可能多的完善基础知识,打好基础,做一条有梦想的咸鱼。 1.数据类型 基本数据类型:Undefined,Null,Boolean,Number,String,一种复杂数据类型Object 2.typeof操...
本文收集学习过程中使用到的资源。 持续更新中…… 项目地址 https://github.com/abc-club/f... 目录 vue react react-native Weex typescript Taro nodejs 常用库 css js es6 移动端 微信公众号 小程序 webpack GraphQL 性能与监控 高质文章 趋势 动效 数据结构与算法 js core 代码规范...
摘要:对于所访问的每个元素,函数应该将该元素传递给所提供的回调函数。 HTML 在线阅读Github地址 题目列表 HTML HTML和XHTML的区别 Html的语义化 Doctype的文档类型 cookie、sessionSttorage、localStory区别 HTML全局属性(global attribute)有哪些? 常见的浏览器内核有哪些? 介绍一下你对浏览器内核的理解?...
摘要:对于所访问的每个元素,函数应该将该元素传递给所提供的回调函数。 HTML 在线阅读Github地址 题目列表 HTML HTML和XHTML的区别 Html的语义化 Doctype的文档类型 cookie、sessionSttorage、localStory区别 HTML全局属性(global attribute)有哪些? 常见的浏览器内核有哪些? 介绍一下你对浏览器内核的理解?...
阅读 1962·2021-10-25 09:48
阅读 2780·2021-09-22 14:59
阅读 1754·2019-08-29 16:52
阅读 854·2019-08-29 16:07
阅读 2296·2019-08-29 12:38
阅读 1750·2019-08-26 13:23
阅读 875·2019-08-26 11:49
阅读 3263·2019-08-26 10:56