首页 > 开发 > JS > 正文

求一段js正则解释

2017-09-05 13:02:03  来源:网友分享
url = (url.match(/^([^#]+)/)||[])[1];

url 是取的form中的action,如果form中的action不存在,则去取window.location.href
这段正则是匹配什么?

(url.match(正则)||[])[1]

如果url匹配上了.则是什么?如果没匹配上[][1]怎么解释 ?

解决方案

这里涉及 match 方法的一个细节,当正则表达式设置了全局检索标识 g,若在字符串中匹配到,返回是一个包含了所有匹配项的数组:

'baz'.match(/./g); // ["b", "a", "z"]

如果没有这个全局检索标识,只会检索第一个匹配,但是返回的仍旧是个数组,数组第一项是匹配结果,其后的数组项则是正则中各个分组表达式(你看到正则表达式中的括号)的匹配结果

var a = 'baz'.match(/^b(a)(z)/); // ["baz", "a", "z"]

这样你访问 a[1] 就是第一个分组表达式 (a) 的匹配结果,类似的a[2] 就是第二个分组表达式 (z) 的结果,以此类推,a[n] 对应第n个分组表达式匹配的值。

然后,回到你的问题,这个表达式匹配:从起始位置开始,除'#'外的所有字符

这里没有设置全局检索标识,所以只会检索第一个匹配,然后就是分组表达式的匹配,数组第二项就是(/[^#]+/) 这个分组表达式的匹配结果

如果没有匹配到,match 返回 null[][1] 如你所见,undefined

可能有同学会纳闷为什是这样的实现?

如果你知道replace方法中基于分组替换的实现:

'baz'.replace(/(b)(a)(z)/, '$1-$2-$3'); // "b-a-z"

其中,$n 分别对应第n个分组表达式的匹配结果,用法和 match 非常相似