一道关于js正则表达式的面试题

最新推荐文章于 2022-02-28 00:31:55 发布

weixin_33719619

最新推荐文章于 2022-02-28 00:31:55 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

文章标签：面试

原文链接：http://www.cnblogs.com/yuanyiming/p/10751544.html

本文介绍了一种使用正则表达式解析URL的方法，通过一个JavaScript函数实现了对URL中协议、主机名、路径、查询参数和hash的提取。示例代码详细展示了如何定义正则表达式并解析传入的URL字符串。

这道面试题明显是要用到正则表达式来解决的，由于太久没有写正则表达式了，一时之间竟然写不出来，所以记录一下笔记，下面直接上代码：

 1 function parseUrl(str) {
 2     // 判断是否传入参数
 3     if (str) {
 4         var obj = {};
 5         var queryArr = [];
 6         // 正则表达式规则
 7         var re = /^(http\w?):\/\/([0-9a-zA-Z\.]+)([a-zA-Z0-9\/]+)\?([a-zA-Z0-9\=\&]+)#([0-9a-zA-Z\.]+)/;
 8         // 利用正则表达式将字符串分组
 9         var reArr = re.exec(str);
10         if (reArr) {
11             obj.peotocol = reArr[1];
12             obj.host = reArr[2];
13             obj.path = reArr[3];
14             queryArr = reArr[4].split(/[\&\=]+/);
15             obj.query = {};
16             for (var i = 0; i < queryArr.length; i += 2) {
17                 obj.query[queryArr[i]] = queryArr[i + 1];
18             }
19             obj.hash = reArr[5]
20             return obj;
21         } else {
22             return null;
23         }
24     } else {
25         return null;
26     }
27 }