正则表达式进阶

贪婪模式,非贪婪模式

贪婪模式

var str = 'a "witch" and her "broom" is one'
undefined
str.match(/".*"/g)      //找双引号里是任一字符任一次数的。
[""witch" and her "broom""]
//我想要"witch"和"broom",结果找到了""witch" and her "broom""字符串,把witch" and her "broom当成了结果了。

假如说我是计算机,这个过程怎么形成的?
首先正则引擎从字符串第0位开始搜索,第一个查找字符是",所以在三位找到了。
然后开始.*的匹配,任意字符任意次,所以直接匹配到one的结尾了,遇到换行回车就不是了,匹配终止了。文本结束后.的匹配结束了,但是仍然有剩余部分的那个双引号",所以这时候正则引擎开始倒过来回溯,换句话说就是一个字符一个字符地缩减匹配:从e,n,o,空格,s,,,,,,,i,空格,找到了"。
原理就是一个字符去匹配完,再去匹配下一个,并且是一直前进的方向,就是匹配到头了掉头匹配,在方向上也是前进的。
这就是贪婪模式。一般加号,星号或者不去写它,默认情况都是贪婪模式,在于把每一个字符的匹配追求到极致。

非贪婪模式

var str = 'a "witch" and her "broom" is one'
undefined
str.match(/".*?"/g)
(2) [""witch"", ""broom""]

贪婪模式里的+或者*都是次数的属性,只要在这些属性后加个?就是非贪婪模式了。这里的意思是任意字符任意次的匹配,要匹配多少呢?不知道,反正贪婪是尽可能多,非贪婪加了个问号,就是尽可能少,如何尽可能少呢?
原则就是不光看匹配任意字符任意次这个标准了,兼顾后面的”终结者“——引号。
过程:开始引号是一样的,然后任一字符任意次:witch都没有引号,所以继续不终结,然后出现了引号,终结。全局作用下,所以后面的也找到了。

例子:

'123456789'.match(/\d{3,5}/g)
(2) ["12345", "6789"]    //默认贪婪,不加?就是贪婪。可以是匹配三个一次的结果,
//或者4个或者5个,但是就是尽可能多,所以5次,最后的虽然是4个,但是也是5个匹配的标准,尽可能。
'123456789'.match(/\d{3,5}?/g)  //非贪婪,尽可能少,3个一次。
(3) ["123", "456", "789"]

分组

有时候希望用量词的时候,匹配多个字符而不是一个字符,上面的例子只是匹配一个字符,如果想匹配一个内容,一个字符串。

Byron{20}     //把Byron中的n出现20次的字符串匹配
(Byron){20}     //这个才是想要的,把这个单词出现20次的字符串匹配出。

这里注意,+*?{}[]都是对前面一个字符做处理的。
对整体处理,就用括号。

(byron|casper){20}   //是n|c还是两个单词或呢?运行下

var str='helloworld'
undefined
str.match(/ell|owor/g)
(2) ["ell", "owor"]
str.match(/hello|sworld/g)
["hello"]   //而不是'helloworld'
相当于就是(hello)|(sworld)
str.match(/hell(o|s)world/)      //就是'helloworld'
var str='helloworld'
undefined
str.match(/(hel)l(o)/)
(3) ["hello", "hel", "o", index: 0, input: "helloworld"]
str.match(/hello/)
["hello", index: 0, input: "helloworld"]
var str='<a href="http://baidu.com">'
undefined
str.match(/href="(https?:\/\/.+?)"/)
(2) ["href="http://baidu.com"", "http://baidu.com", index: 3, input: "<a href="http://baidu.com">"]
str.match(/href="(https?:\/\/.+?)"/)[1]        //括号的作用是得到了数组,用数组去操作
"http://baidu.com"


var str='<a href="http://baidu.com">"hello"'
undefined
str.match(/href="(https?:\/\/.+)"/)              //不加问号的时候
(2) ["href="http://baidu.com">"hello"", "http://baidu.com">"hello", index: 3, input: "<a href="http://baidu.com">"hello""]
str.match(/href="(https?:\/\/.+?)"/)
(2) ["href="http://baidu.com"", "http://baidu.com", index: 3, input: "<a href="http://baidu.com">"hello""]

前瞻

匹配满足的规则,并且后面还要满足什么什么。

exp1(?=exp2)     //匹配exp1,后面是exp2
exp1(?!exp2)     //匹配exp1并且后面不是exp2

正则表达式的相关方法

RegExp.prototype.test(str)

测试字符串里是否存在正则表达式模式,存在返回true,否则false.
看看字符串是不是符合某些规则,不符合的也可以做替换。对正则,看看某些字符串是不是符合正则,或者把字符串作为参数一点点处理。比如判断用户输入的手机号是不是符合某规则,输出的是对错而不是null。

var reg=/\d+\.\d{1,2}$/g
undefined
reg.test('123.45')
true
reg.test('0.2')
false
reg.test('a.34')
false
reg.test('1212.243422')
false

.exec(str)

查找算法

var str='123 456 789'
undefined
var reg=/\d{3}/                       //非全局模式
undefined
reg.exec(str)
["123", index: 0, input: "123 456 789"]0: "123"index: 0input: "123 456 789"length: 1__proto__: Array(0)

reg=/\d{3}/g                 //全局模式
/\d{3}/g
reg.exec(str)
["123", index: 0, input: "123 456 789"]
reg.exec(str)
["456", index: 4, input: "123 456 789"]
reg.exec(str)
["789", index: 8, input: "123 456 789"]
reg.exec(str)
null                   //有用啊,得到了数组,连续执行 的。

比如文本有很多东西,比如邮箱,凡是qq邮箱的用户,筛选出来。
比如把qq邮箱全都换成某个东西,就需要一直做这个exec()在全局。

while(result = reg.exec(str)){
      console.log(result[0])               //当符合规则时,是真,执行一系列操作,扩展性很强的
}

.search(reg)

字符串的查找

.match(reg)

字符串的匹配

str.replace(reg,replacestr)

符合reg的字符串替换成新字符串。

str.split(reg)

字符串以reg作为打散规则,分割成字符数组。

'a,b,c,ds,da,adc,d'.split(',')
(7) ["a", "b", "c", "ds", "da", "adc", "d"]
'a1b2c3'.split(/\d/)
(4) ["a", "b", "c", ""]0: "a"1: "b"2: "c"3: ""length: 4__proto__: Array(0)

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

推荐阅读更多精彩内容

  • 初衷:看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 4,014评论 0 20
  • 贪婪模式 *和+这两个限定符都可以标识匹配多个元素,在默认情况下它们会尽可能多的匹配文字,这就是所谓的“贪婪模式”...
    好多个胖子阅读 2,037评论 0 42
  • 前言 作为一个程序员,要出去装逼,手中必备的技能就是正则表达式。程序员的正则表达式,医生的处方和道士的鬼画符,都是...
    Layzimo阅读 550评论 0 6
  • 图形化显示正则 RegExp对象 修饰符 g:global 全文搜索,不添加,搜索到第一个匹配停止i:ign...
    静候那一米阳光阅读 540评论 1 2
  • 隐约雷鸣,阴霾天空,即使天无雨,我亦留此地。
    初肃阅读 164评论 0 0