正则表达式进阶

2017-09-21  本文已影响0人  流着万条永远的河

贪婪模式,非贪婪模式

贪婪模式

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", ""]
上一篇 下一篇

猜你喜欢

热点阅读