正则表达式——进阶

《正则表达式——入门》中我们从WHAT、WHY、HOW三个方面简单介绍了正则技术,如果你对正则感兴趣,笔者希望带领大家更进一步学习正则表达式。

常见案例解析

案例一:验证邮箱的有效性

/^[a-z0-9_.]+@([a-z0-9\-]+\.)+[a-z]{2,4}$/i
  • ^ :匹配字符串的开始位置
  • [a-z0-9_.]+ :可以是以下字符,字母、数字、下划线、英文点,且至少出现1次
  • @ :匹配一个@字符
  • [a-z0-9-]+ :可以是以下字符,字母、数字、短横线,且至少出现1次
  • ([a-z0-9-]+.)+ :出现多个字母、数字、短横线后跟随一个英文点,合起来出现1+次
  • [a-z]{2,4} :匹配2到4个字母
  • $ :匹配字符串的结束

测试:

var reg = /^[a-z0-9_.]+@([a-z0-9\-]+\.)+[a-z]{2,4}$/i;  
var isok = reg.test('test_1@csdn.net');  
console.log(isok); //true  
isok = reg.test('test_1@blog.csdn.net');  
console.log(isok); //true  
isok = reg.test('test_1+a@csdn.net');  
console.log(isok); //false  

案例二:验证URL的有效性

/^https?:\/\/([a-z0-9\-]+\.)+[a-z]{2,4}(\/\S*)?$/i
  • ^ :匹配字符串的开始位置
  • https? :匹配具体字符https,其中s可以不出现
  • :// :匹配字符://
  • [a-z0-9-]+ :可以是以下字符,字母、数字、短横线,且至少出现1次
  • ([a-z0-9-]+.)+ :出现多个字母、数字、短横线后跟随一个英文点,合起来出现1+次
  • [a-z]{2,4} :匹配2到4个字母
  • (/\S*)? :匹配/和N个非空格字符,N大于等于0,这个组合可以出现,也可以不出现
  • $ :匹配字符串的结束

测试:

var reg = /^https?:\/\/([a-z0-9\-]+\.)+[a-z]{2,4}(\/\S*)?$/i;  
var isok = reg.test('http://blog.csdn.net/kla.dd');  
console.log(isok); //true  
isok = reg.test('https://blog.csdn.net/master/profile?show=%99');  
console.log(isok); //true  
isok = reg.test('htt://csdn.netdd');  
console.log(isok); //false  

案例三:验证一个字符串中是否包含关键词“世界末日”或“fuck”

/(世.{0,3}界.{0,3}末.{0,3}日)|(f[^a-z]{0,3}u[^a-z]{0,3}c[^a-z]{0,3}k)/i
  • (世.{0,3}界.{0,3}末.{0,3}日) :世界末日中间可以出现任意3个以内的字符
  • | :或的意思
  • (f[a-z]{0,3}u[a-z]{0,3}c[^a-z]{0,3}k) :fuck中间可以出现3个以内非字母的字符

测试:

var reg = /(世.{0,3}界.{0,3}末.{0,3}日)|(f[^a-z]{0,3}u[^a-z]{0,3}c[^a-z]{0,3}k)/i;  
var isok = reg.test('世-界-末日');  
console.log(isok); //true  
isok = reg.test('f.uck');  
console.log(isok); //true  
isok = reg.test('fxuck');  
console.log(isok); //false  

案例四:去掉内容中所有的html标签

/<\/?[a-z0-9]{1,10}(\s.*?)?>/ig
  • < :匹配左尖括号本身
  • /? :可以出现一个斜线,也可以不出现
  • [a-z]{1,10} :出现1到10个字母和数字
  • (\s.*?)? :空格后跟随任意字符,这个组合也可以不出现
  • :匹配右尖括号本身

  • ig :i表示忽略大小写,g表示全局匹配,就是找到所有符合规则的内容,不加g只匹配第一个符合规则的内容

测试:

var reg = /<\/?[a-z]{1,10}(\s.*?)?>/ig;  
var str = '<h1>title</h1> is very <a href="#big">big</a>';  
str = str.replace(reg, '');  
console.log(str); //title is very big  

通过对以上几个正则表达式的分析,相信你应该对正则有了个较深的认识,下边我们就来系统的学习一下正则表达式。

字符组[]

<b style="color:green">[abcd1234@#$%]</b> 表示可以出现括号内的任意字符。

如果以“^”开头,表示可以出现除括号内的字符以外的任意字符。
如,<b style="color:green">[^abc]</b>表示匹配除“abc”以外的任意字符。

在字符组内有一个特殊的字符,短横线“-”。连字符表示从一个字符的到另外一个字符的范围,注意后边的字符码要大于前边的字符码。
如,<b style="color:green">[0-9]</b>表示匹配从0到9的任意字符(0123456789);<b style="color:green">[a-f]</b>表示匹配从a到f的任意字符(abcdef)。
如果需要匹配“^”或“-”字符本身,则需要用“\”来转义:<b style="color:green">[^-]</b>
最后需要注意的是,字符组[]只匹配一个字符,所以它经常跟元字符“+”或“{m,n}”一起使用。
如:<b style="color:green">[0-9]{1,5}</b>表示连续出现1到5个数字。

捕获组()

捕获组的作用就是把一个子正则表达式匹配到的内容按照一定编号保存到内存中,以备后续获取这些内容。
捕获组有两种形式:普通捕获组(expression) 和 命名捕获组(?<name>expression)
需要注意的是,目前Javascript并不支持命名捕获组。

var result = '999ab'.match(/\d+([a-z]+)/);  
console.log(result[0]);//999ab 存储全部匹配到的内容  
console.log(result[1]);//ab 存储第1个捕获组中的内容  

var newStr = '999ab'.replace(/\d+([a-z]+)/,'数字后的单词是:$1');  
console.log(newStr);//数字后的单词是:ab  

在C#中支持命名捕获组,获取命名组的方式跟普通方式一样,只是把数字改成组名就行了。

单词边界\b

元字符\b表示一个单词的边界。单词边界主要应用于英文单词的匹配。

比如要从源字符串中获取单词body的个数

var s = 'the body is: hello eveybody, my body is here';  
var len = s.match(/\bbody\b/g).length;  
console.log(len);//2  

如果不加单词边界的话,就会输出3

贪婪模式和非贪婪模式

贪婪模式,尽可能多的匹配内容;非贪婪模式正好相反,尽可能少的匹配内容。当然,他们都有一个大的前提,就是符合正则规则的前提下。
属于贪婪模式的量词,也叫做匹配优先量词,包括:
“{m,n}”、“{m,}”、“?”、“”和“+”。
一般来说,在普通量词后加上问号,即构成了非贪婪模式,如:
“{m,n}?”、“{m,}?”、“??”、“
?”和“+?”

举例,要匹配以数字结束的子字符串

var result = 'a1b2c3'.match(/.+\d/);  
console.log(result[0]);//a1b2c3 

贪婪模式下,.+会尽可能多的“拿”字符

var result = 'a1b2c3'.match(/.+?\d/);  
console.log(result[0]);//a1  

非贪婪模式下,.+?会尽可能少的“拿”字符,当匹配到1的时候已经能够满足规则,匹配停止。

作者:朱会震

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容