Js正则表达式位数和零宽断言

更新日期: 2019-05-01阅读: 2.1k标签: 正则

正则表达式的位数

在有需要正则表达式,很常见的操作就百度一下。看能不能找到满足我需求的。有时候你会找到的,比如手机校验,密码校验,邮箱校验。但是很多人往往都看不懂网上的正则的意思。这个就是学习正则的一个误区。
在我看来,我们学习正则应该是:了解其匹配过程,再看懂正则表达式,最后才是自己写正则表达式。
下面主要讲的就是怎么看懂正则表达式。而看懂正则表达式的关键--表达式匹配的字符位数。
我们拿例子来说吧。

// 第一个例子,表达式匹配4个字符,一个“非语法关键字”的字符会占一位。
var reg1 = /abcd/;

// 第一个例子, 表达式匹配了5个字符(先是ab,再是abc里的任意一个,接着是cd)。说明下:[]范围内的内容能占一位,不管里面放了多少东西都是或的意思。
var reg2 = /ab[abc]cd/;

// 第三个例子, 匹配了5个或以上(先是ab,再是abc里的任意一个,接着是c,最后是一个d或者很多个d),这类的功能类似的*,{1,5}
var reg3 = /ab[abc]cd+/;

// 第四个例子,匹配4个(三个字符abd,和一个[])。  像^, $这类的标示位置的语法是不会占一个字符的,只是对位置的一些要求。
var reg4 = /^ab[abc]d$/

// 第五个例子(这个是个真实例子,不知道大家能否快速看清),匹配无数字符(首选匹配##item#七个字符,接着匹配任意字符的任意个,接着匹配字符#item##)
// 这个里面的?是不要贪婪模式,其实这里说是遇到第一个#item##。关于贪婪模式,希望大家自己查阅下。
var reg5 = /((##item#)([\w|\W])+?(#item##))/

我是通过例子,想尽量说的直白点,让大家更容易理解。我这里面的例子并没有列全情况,如果大家有什么不理解的正则,不确定里面匹配多少位数,欢迎在下面留言,我看到就会给大家解答。
下面我们说说零宽断言


零宽断言

在说清楚零宽断言,我们需要简单介绍下为啥会有这个。它的存在是为了解决什么问题呢?
这个存在是解决我们一些特定的要求,且不需要展占位数。比如:字符串的开头和结尾用"#"替换(/^|$/, 需要找到开头和结尾,又没有真实字符),数字字符串每隔三位添加一个逗号,字符串里b的后面不能是数字等等,这些都是对位置的条件,但这些条件本身又没有占位。

表示位置,又不占字符的语法总共就这些:^ $ \b \B (?=) (?!)
^(脱字符)匹配开头,在多行匹配中匹配行开头。
$(美元符号)匹配结尾,在多行匹配中匹配行结尾。
b是单词边界,具体就是w和W之间的位置,也包括w和^之间的位置,也包括w和$之间的位置。
B就是b的反面的意思,非单词边界。例如在字符串中所有位置中,扣掉b,剩下的都是B的。
以上4个比较简单,尤其是^ 和$,这里就不多说了。下面主要说说这两个(?=)和(?!)
(?= P)表示的此刻位置后面应该是P模式,这个模式不单单是字符,也可能是复杂正则。比如(?= l),(?= [abc]ede), (?= \d +)
(?!p) 表示的此刻位置后面应该是P模式的以外的位置,和上一个正好相反。
举几个例子帮助理解下

// 第一个例子, 正则的表达式,要求在cate后位置的后面应该是一个数字。再之后应该是数字位,再之后是ok。\d是不能少的,也很好的说明了(?=)是不占位。
var reg6 = /cate(?=\d)\dok/
var str = 'cate3ok'
str.match(reg6); // cate3ok

// 第二个例子,如果我们想在##p#和#p##之前的字符串里有ok字符这段字符串。
var reg7 = /##p#(?=.*ok).*#p##/
var str1 = '##p#fsdfsdokdfsdfs#p##'
reg7.test(str1);

// 第三个例子,如果我们想在##p#和#p##之前的字符串里有ok字符这段字符串。如果字符串里有两段##p#怎么办呢?
var reg7 = /##p#(?=.*ok).*#p##/
var str1 = '##p#fsokfs#p####p#fsfs#p##'
str1.match(reg7) // ##p#fsokfs#p####p#fsfs#p##   这个结果就不是我们想要的了。不知大家能否想明白?

// 我们把正则改下
var reg8 = /##p#(?=.*ok).*?#p##/
str1.match(reg8) //##p#fsokfs#p##
// 好像是对了哦,但是我们把字符串改下, 两段##p#换个位置
var str2 = '##p#fsfs#p####p#fsokfs#p##';
str2.match(reg8) // ##p#fsfs#p##  又不对了。 这个地方不知能否想明白。

// 我们再把正则改下
var reg9 = /##p#(?=(.(?!#p##))*ok).*?#p##/;
str2.match(reg9); // ##p#fsokfs#p##  这次就对上了。

我想对最后的正则进行解释下。 首选是?#p## 这个地方的?是告诉正则我不用贪婪模式,(?=(.(?!#p##)).*ok).* 这部分里我们先不看里面的?部分,把它当成P(?=p.*ok).*, 这部分意思,我们需要任意字符,在任意字符的后面任意位置应该出现一个OK。最后里面的?部分,其实也是对这个任意字符的条件,要求任意字符后面不能是#p##字符串。这样就实现了啦。


链接: https://www.fly63.com/article/detial/3970

javascript较全常用的表达正则验证,js中采用test()方法

正则表达式是一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。本文整理了JS较全且实用正则表达式。

js使用正则过滤emoji表情符号

手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错,原因是:UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节,而Mysql的utf8编码最多3个字节,所以数据插不进去。

一次记住js的6个正则方法

来记忆一些常用特殊字符,这个是正则本身的范畴了,是不是总觉得记不住?其实我也记不住,每次都是去搜索和online验证来完成一些任务。我也困恼过,其实最后还是因为自己写的少吧,唯手熟尔。。。

密码强度的正则表达式(JavaScript)总结

本文给出了两个密码强度的正则表达式方案,一个简单,一个更复杂和安全。并分别给出了两个方案的解析和测试程序。一般大家可以根据自己的项目的实际需要,自行定义自己的密码正则约定。

JavaScript判断字符串包含中文字符的方法总结

JS中判断一个字符串是否包含汉字,下面就介绍2中常用的实现方法:用正则表达式判断、用 Unicode 字符范围判断。

js常用正则表达式验证大全(整理详细且实用)

正则表达式对象用来规范一个规范的表达式,本文讲的是JS正则表达式大全(整理详细且实用),包括校验数字、字符、一些特殊的需求等等

javascript 正则表达式之分组与前瞻匹配详解

本文主要讲解javascript 的正则表达式中的分组匹配与前瞻匹配的,需要对正则的有基本认识。分组匹配:捕获性分组匹配、非捕获性分组匹配。前瞻匹配:正向前瞻匹配: (?=表达式) 后面一定要匹配有什么、反向前瞻匹配: (?!表达式) 后面一定不能要有什么

利用正则表达式去除所有html标签,只保留文字

后台将富文本编辑器中的内容返回到前端时如果带上了标签,这时就可以利用这种方法只保留文字。利用正则表达式去除所有html标签,只保留文字

正则表达式后行断言 • 探索 ES2018 和 ES2019

先后行断言(Lookaround Assertion)是正则表达式中的一个构造,明确了当前位置的前后字符序列,但没有其他副作用。当前 JavaScript 唯一支持的 Lookaround Assertion 是 先行断言,其匹配当前位置接下来的字符序列

循环下的正则匹配?说说正则中的lastIndex

正则有一个属性叫lastIndex,它表示正则下一次匹配时的起始位置。一般情况下我们是使用不到它的,但在正则中包含全局标志g时,正则的test和exec方法就会使用到它

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!