神奇的match和replace

源自跟奈落大叔的讨论,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对正则的使用,都有很多东西值得挖掘。

原文地址:https://www.cnblogs.com/ccforeverd/p/3897839.html