腾讯2013笔试题—web前端笔试题 （老题练手）

问题描述（web前端开发附加题1）：

编写一个javascript的函数把url解析为与页面的javascript.location对象相似的实体对象，如：url ：'http://www.qq.com/index.html?key1=1&key2=2'，最后输出的对象是：

{
protocol: "http",
hostname: "www.qq.com",
pathname: "index.html",
query: "key1=1&key2=2"
}

我的答案：

var mylocation = {
'protocol':'http',
'hostname':'',
'pathname':'',
'query':''
}
var url = 'http://www.qq.com/index.html?key1=1&key2=2';
var str=url.replace(/http\:\/\//,"");
var a=str.split(/(\/)|(\?)/g);
mylocation.hostname=a[0];
var arr=a[1].split("?");
mylocation.pathname=arr[0];
mylocation.query=arr[1];
console.log(mylocation);

发现一个有趣的现象，这里提出与大家分享：

本来打算直接有正则分解字符串：

str.split(/(\/)|(\?)/g);

最后发现怎么搞都是：

["www.qq.com", "/", undefined, "index.html", undefined, "?", "key1=1&key2=2"]

最后查了资料才知道，split方法在用正则分解字符串的时候不会消除正则表达式，为此纠结好久。

作用：

split() 方法用于把一个字符串分割成字符串数组。

语法：

stringObject.split(separator,howmany)

参数	描述
separator	必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。
howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值：

一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。