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 相关文章推荐
event对象的方法 兼容多浏览器
Jun 27 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
vue-cli+webpack记事本项目创建
Apr 01 Javascript
在使用JSON格式处理数据时应该注意的问题小结
May 20 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
详解Js模块化的作用原理和方案
Apr 29 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抽奖算法程序代码分享
2015/10/08 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
javascript Base类 包含基本的方法
2009/07/22 Javascript
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
2015/07/17 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
实例解析ES6 Proxy使用场景介绍
2018/01/08 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
vue组件中的数据传递方法
2018/05/14 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
浅谈Vue render函数在ElementUi中的应用
2018/09/06 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
快速入手Python字符编码
2016/08/03 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
selenium3+python3环境搭建教程图解
2018/12/07 Python
opencv与numpy的图像基本操作
2019/03/08 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
python argparser的具体使用
2019/11/10 Python
在服务器上安装python3.8.2环境的教程详解
2020/04/26 Python
python将unicode和str互相转化的实现
2020/05/11 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
实习鉴定评语
2014/01/19 职场文书
售后服务承诺书
2014/03/26 职场文书