源自跟奈落大叔的讨论,PHP和JavaScript的比较。
正则:
先说几个正则写法:
() 选择匹配一组, (?:) 降低 () 的优先级, .*? 和 .+? ,阻止 . 和 + 的贪婪。
还有一些正则的高级写法:
(?=) 和 (?<=) ,零宽断言,以及 (?!) 和 (?<!) ,负向零宽,详见:百度百科(正则表达式)。
以及js里正则常用的方法:
reg.test(str) 检测reg是否匹配str中的内容,返回true或false。
match:
先来一个例子:
var url="http://www.cnblogs.com/rubylouvre/p/3181291.html#top22"; var a=url.match(/t/); // ["t"] // 找一个 console.log(a.index); // 1 // 找一个,带着它所在的位置(index) url.match(/t/g); // ["t", "t", "t", "t"] // 找一堆,不带index url.match(/(t)/); // ["t", "t"] // 带括号找一个,第一个是结果,第二个是括号里匹配到的内容 url.match(/(t)/i); // ["t", "t"] // 带括号加i,跟没加一样,没有特殊 url.match(/(t)/g); // ["t", "t", "t", "t"] // 带括号加g,只有结果 url.match(/(?:t)/); // ["t"] // 使用?:取消()的优先级,有index属性 url.match(/(?:t)/g); // ["t", "t", "t", "t"] // 加上g后依然返回一堆
上面几个,带上g标记,会得到所有匹配的内容,不带g则只会匹配到第一个结果(也是数组),而且这个数组多了index属性,表示匹配内容所在的位置。
而i标记不会影响结果个数,每出现一个 () 都会在匹配结果中增加一项,而改为 (?:) 后则不会增加。即使增加了,也是只匹配出一个结果,数组依然有index属性。
鼓捣了一下午,弄了个高端且粗糙的:
var url="http://www.cnblogs.com/rubylouvre/p/3181291.html#top22"; url.match(/(.*?):/{2}(.*?)/([^?#]*(?=/[^/]*)[/$])([^?#]*)([?#].*)?/); // ["http://www.cnblogs.com/rubylouvre/p/3181291.html#top22", "http", "www.cnblogs.com", "rubylouvre/p/", "3181291.html", "#top22"]
返回结果:[整个地址,协议名称,域名,文件路径,文件名,hash/search]。
写法有很多,这里只是想用一下 (?=) 方式,以我现在的水平,只要结果对就好。。
replace:
以前用replace,主要是像 str.replace(reg/str,str/function(s){return fn(s)}); 这样,现在要加上正则的用法:反向引用。
先来一个例子:
var str="abcdefg"; str.replace(/([abc])/g,"$&,"); // "a,b,c,defg" str.replace(/([abc])([bcd])/g,"$&,"); // "ab,cd,efg" str.replace(/([abc])([bcd])/g,"$1,$2;"); // "a,b;c,d;efg"
可以在后面的替换字符串里,用 $& 表示匹配出的结果,相当于match结果的第[0]个(其实PHP中就是用 &0 来表示的),用 &n 来表示第n个小括号里匹配出的内容,相当于match结果中的第[n]个。
出了这两个,还有 &` 表示匹配结果左侧的内容, &' 表示匹配结果右侧的内容, $$ 表示替换成一个$符。
收获:
正则里,还有js对正则的使用,都有很多东西值得挖掘。