将浏览器输入框的网址按以下规则划分并创建对象

原创于 2021-04-20 21:56:28 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了一种解析URL的方法，包括协议、主机名、路径及搜索参数的提取，并通过一个JavaScript函数实现了这一过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网址：https://www.baidu.com/s?wd=goods&rsv_spt=1

按照以下规则划分：

{
     protocol: 'https',
      host: 'www.baidu.com',
      path: '/s',
      search: {
              wd:'goods',
              rsv_spt:1 
      }
}

let url = new URL("https://www.baidu.com/s?wd=goods&rsv_spt=1");
function getUrlObj() {
    let result = {
        protocol: url.protocol,
        host: url.hostname,
        path: url.pathname,
        search: {}
    }

    let str = url.search.substr(1);
    let params = str.split('&');

    params.reduce(function (pre, cur) {
        // pre 函数累计执行后的结果
        // cur 当前正在处理的数据
        var items = cur.split("=");
        pre[items[0]] = items[1];
        return pre
    }, result.search)
}