javascript将url解析为json格式的两种方法

本文介绍了javascript将url解析为json格式的两种方法，分享给大家，具体如下：

方法一：最简单的方法，利用a标签来实现

function parseUrl(url){
  var a=document.createElement('a');
  a.href=url;
  return {
   protocol:a.protocol.replace(':',''),
   hostname:a.hostname,
   port:a.port,
   path:a.pathname,
   query:(()=>{
    var query=a.search.substr(1);
    var queryArr=query.split('&');
    var queryObj={};
    queryArr.forEach((item,index)=>{
      var item=item.split('=');
      var key=item[0];
      queryObj[key]=item[1];
    })
    return queryObj;
   })(),
    params:(()=>{
    var params=a.hash.substr(1);
    var paramsArr=params.split('#');
    return paramsArr;
    
   })(),

  }
}
var urlObj = parseUrl('http://www.baidu.com:90/search?name=liyajie&age=12#abc#bbb')
console.log(urlObj)

得到的结果

方法二：通过nodejs的url模块

解析URL需要用到Node.js提供的url模块，它使用起来非常简单，通过parse()将一个字符串解析为一个Url对象：

  'use strict';
   var url = require('url');
   console.log(url.parse('http://user:pass@host.com:8080/path/to/file?query=string#hash'));

返回的结果

Url {
 protocol: 'http:',
 slashes: true,
 auth: 'user:pass',
 host: 'host.com:8080',
 port: '8080',
 hostname: 'host.com',
 hash: '#hash',
 search: '?query=string',
 query: 'query=string',
 pathname: '/path/to/file',
 path: '/path/to/file?query=string',
 href: 'http://user:pass@host.com:8080/path/to/file?query=string#hash' }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# javascript  # json  # url  # json格式  # javascript解析url返回json  # JS根据key值获取URL中的参数值及把URL的参数转换成json对象  # JS将网址url转化为JSON格式的方法  # JS解析url参数为json对象问题  # 两种  # 给大家  # 最简单  # 来实现  # 大家多多  # substr  # query  # search  # gt  # port  # hostname  # pathname  # path  # item  # forEach  # key  # index  # split  # queryArr  # queryObj 

相关文章： 建站之星展会模板：智能建站与自助搭建高效解决方案  C#如何使用XPathNavigator高效查询XML  nginx修改上传文件大小限制的方法  贸易公司网站制作流程,出口贸易网站设计怎么做？  ,柠檬视频怎样兑换vip？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  建站之星×万网：智能建站系统+自助建站平台一键生成  香港服务器建站指南：免备案优势与SEO优化技巧全解析  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  建站主机解析：虚拟主机配置与服务器选择指南  兔展官网 在线制作,怎样制作微信请帖？  建站之星如何修改网站生成路径？  建站之星代理如何获取技术支持？  建站之星安装后如何配置SEO及设计样式？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  安徽网站建设与外贸建站服务专业定制方案  建站主机选哪种环境更利于SEO优化？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  建站主机选购指南：核心配置与性价比推荐解析  建站VPS配置与SEO优化指南：关键词排名提升策略  建站之星安装失败：服务器环境不兼容？  网站制作员失业,怎样查看自己网站的注册者？  javascript中的try catch异常捕获机制用法分析  专业公司网站制作公司,用什么语言做企业网站比较好？  潮流网站制作头像软件下载,适合母子的网名有哪些？  建站之星2.7模板快速切换与批量管理功能操作指南  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  广东企业建站网站优化与SEO营销核心策略指南  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  已有域名和空间，如何快速搭建网站？  临沂网站制作公司有哪些,临沂第四中学官网？  建站之家VIP精选网站模板与SEO优化教程整合指南  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  青浦网站制作公司有哪些,苹果官网发货地是哪里？  如何制作一个表白网站视频,关于勇敢表白的小标题？  css网站制作参考文献有哪些,易聊怎么注册？  建站之星如何取消后台验证码生成？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  已有域名如何快速搭建专属网站？  如何基于PHP生成高效IDC网络公司建站源码？