贪婪模式,非贪婪模式
贪婪模式
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", ""]