JS将网址url转化为JSON格式的方法


Posted in Javascript onJuly 02, 2018

网上方法很多,各种奇技淫巧,这里贴上一种较为正常的思路。

主要利用split对获取的字符串不断进行分割,最后获得所需要的格式。

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>将url转化为json数据</title>
</head>
<script>
  function queryString(url){
    let arr=[]; //存储参数的数组
    let res={}; //存储最终JSON结果对象
    arr=url.split("?")[1].split("&"); //arr=["a=1", "b=2", "c=test", "d"]

    for(let i=0,len=arr.length;i<len;i++){
      //如果有等号,则执行赋值操作
      if(arr[i].indexOf("=")!=-1){
        let str=arr[i].split("=");
        //str=[a,1];
        res[str[0]]=str[1];
      }else{//没有等号,则赋予空值
        res[arr[i]]="";
      }
    }
    res=JSON.stringify(res);//转化为JSON字符串
    return res; //{"a": "1", "b": "2", "c": "test", "d": ""}
  }
  console.log(queryString('www.baidu.com?a=1&b=2&c=test&d'));
</script>
<body> 
</body>
</html>

总结

以上所述是小编给大家介绍的JS将网址url转化为JSON格式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript 圆角div的实现代码
Oct 15 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
js精度溢出解决方案
Dec 02 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
Mar 14 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
微信企业号开发之微信考勤Cookies的使用
Sep 11 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
详解vuejs之v-for列表渲染
Jun 22 Javascript
js实现省市级联效果分享
Aug 10 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
JavaScript ES6的函数拓展
Jan 18 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 #Javascript
JS限制输入框输入的实现代码
Jul 02 #Javascript
webpack手动配置React开发环境的步骤
Jul 02 #Javascript
Angularjs中的$apply及优化使用详解
Jul 02 #Javascript
angularjs 的数据绑定实现原理
Jul 02 #Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 #Javascript
vue中的数据绑定原理的实现
Jul 02 #Javascript
You might like
用PHP连接Oracle数据库
2006/10/09 PHP
PHP 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
PHP 多进程与信号中断实现多任务常驻内存管理实例方法
2019/10/04 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
让FireFox支持innerText的实现代码
2009/12/01 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
javaScript基础详解
2017/01/19 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
node.js文件操作系统实例详解
2019/11/05 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
在Vue里如何把网页的数据导出到Excel的方法
2020/09/30 Javascript
[02:59]2014DOTA2西雅图国际邀请赛 圆满落幕中国夺冠
2014/07/23 DOTA
从零学Python之引用和类属性的初步理解
2014/05/15 Python
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
python实现批量监控网站
2016/09/09 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
python Selenium 库的使用技巧
2020/10/16 Python
使用django自带的user做外键的方法
2020/11/30 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
.NET常见笔试题集
2012/12/01 面试题
内刊编辑求职自荐书范文
2014/02/19 职场文书
新闻学专业求职信
2014/07/28 职场文书
护士2014年终工作总结
2014/11/11 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
vue项目proxyTable配置和部署服务器
2022/04/14 Vue.js