Js正则常备不忘

以前后端同事爬了别人家的网站,需要分析文本,他是想要知道如何通过ClassName定位,后来尽然是让我写个正则匹配表达式。汗,趁记忆力的热乎劲儿写一篇非常规文章。

♨正则表达式是什么

   正则表达式是一个描述字符模式的对象,按照人的语言习惯,当我们读一段文字的时候第一印象,下面有一段文字,我们可以通过多种方式描述它,而每一种方式描述的都是下面一段文字:

###几种使用情况
····处理字符串
··需要从一段字符串中提取想要的部分                     ->match exec
··需要将一段字符串中的一部分替换组成新的字符串           ->replace
··需要将一段字符串处理成想要的数组                     ->split
····判断字符串
··判断字符串是需要的                                 ->test
··判断字符串是需要的,并确定匹配位置                    ->search
###组织正则语言
要匹配的字符串str
正则/a(\d+)[abc]rico(?=wang)/
/   a               (\d+)           [abc]        rico(?=wang)/
 str是否有a
   ↙ ↘
no      yes   → 至少要有一个数字
                     ↙  ↘
                  no     yes  →  返回()匹配的结果 → → 括号内容会被`exec` `match`最后返回
                                        ↓
                                  有a,或者b,或者c
                                     ↙   ↘  
                                   no      yes   → rico后面必须跟上wang
                                                   ↙   ↘  
                                                 no      yes → 只匹配不返回()匹配的结果
var str = 'a1cricowang'
str.match(reg) 返回:["a1crico","1"] //返回的数组第一项是所有匹配结果,第二项为()匹配的结果
var str = 'a121cricowang'
str.match(reg) 返回:["a1crico","121"] //返回的数组第一项是所有匹配结果,第二项为()匹配的结果
reg.test(str) 返回: true
♨ 几种匹配符
  • \d 匹配一个非负整数, 等价于 [0-9]
  • \s 匹配一个空白字符
  • \w 匹配一个英文字母或数字,等价于[0-9a-zA-Z]
  • . 匹配除换行符以外的任意字符,等价于[^\n]
♨量词
  • * 匹配零个或更多个,即0~n
  • + 匹配一个或更多个,即至少一个,1~n
  • ? 匹配一个或零个
  • {} 一般用来表示匹配的长度,比如\d{3}表示匹配三个数字,\d{1,3} 表示匹配1~3个数字,\d{3,} 表示匹配3个以上数字。
[] 是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示字符文本要匹配英文字符和数字
  • 单字符取一个,比如[abc]会匹配abc
  • 一个[]的内容一次只能匹配一个字符
  • []里面的特殊符有五个:-,\,^,其他字符都是普通字符,包括*,. ,?
  • ^[^的首位时候才有特殊意义
  • [a|b|c]匹配的是a,|,b,|,c,五个中的其中任意一个。
()圆括号()是组,主要应用在限制多选结构的范围/分组/捕获文本/环视/特殊模式处理

示例:

  • (abc|bcd|cde),表示这一段是abcbcdcde三者之一均可,顺序也必须一致
  • (abc)?,表示这一组要么一起出现,要么不出现,出现则按此组内的顺序出现
  • (?:abc)表示找到这样abc这样一组,但不记录,不保存到$变量中,否则可以通过$x取第几个括号所匹配到的项,比如:(aaa)(bbb)(ccc)(?:ddd)(eee),可以用$1获取(aaa)匹配到的内容,而$3则获取到了(ccc)匹配到的内容,而$4则获取的是由(eee)匹配到的内容,因为前一对括号没有保存变量
  • a(?=bbb) 顺序环视 表示a后面必须紧跟3个连续的b
  • (?i:xxxx) 不区分大小写 (?s:.*) 跨行匹配.可以匹配回车符
^$
  • ^ 匹配一个字符串的开头,比如 (^a) 就是匹配以字母a开头的字符串

  • $ 匹配一个字符串的结尾,比如 (b$) 就是匹配以字母b结尾的字符串

  • ^还有另个一个作用就是取反,比如[^xyz] 表示匹配的字符串不包含xyz

♨几种需要转义的:( [ { \ ^ $ | ) ? * + .] }
string方法,接受一个正则对象 string.fn(reg)
  • match返回结果:存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g
  • search返回结果:第一个与 regexp 相匹配的子串的起始位置,如果没有找到任何匹配的子串,则返回-1search()方法不执行全局匹配,它将忽略标志g。
  • replace 返回结果:一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的
  • split返回结果:一个字符串数组,按照正则匹配进行分割而成的数组
RegExp 对象方法,接受一个字符串 reg.fn(string)
  • test则是用来检测字符串是否匹配某一个正则表达式,如果匹配就会返回true,反之则返回false
  • exec返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。
matchexec的区别
  • 一个是字符串的方法,一个是正则的方法,接受参数类型不一样
  • 在有g参数的全局匹配情况下,返回的结果不一样,match一次返回所有匹配结果,exec是使用一次,返回一个匹配结果,下次使用返回下一个匹配结果
♨贪婪模式和非贪婪模式
  • 其实可以简单的理解,贪婪模式就是尽可能多的匹配,非贪婪模式就是尽可能少的匹配.
  • 贪婪模式量词:{x,y} , {x,} , ? , * , 和 +,匹配到它需要的第一个满足条件之后,贪婪模式则会继续向右边进行匹配下去
  • 非贪婪模式量词: {x,y}?{x,}???*?,和 +?,所以非贪婪模式就是在贪婪模式后面加了一个问号,当它匹配到它需要的第一个满足条件之后,他就会停止了。而。
♨零宽正向断言和负向断言,只做判断是否符合()中的规则,并不匹配()中的规则。
  • (?=)零宽正向断言: 括号内表示某个位置右边必须和=右边匹配上
  • (?!)负向断言: 括号内表示某个位置右边不和!后的字符匹配。

补 : 发现缺少全面的正则基础知识查找 补一条连接点这里,缺少的可以在这里找,比如说哪个字符是匹配大小写之类的。2018.5.25更新

文章分三次更新,后期不定期更新修改

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

推荐阅读更多精彩内容