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不同类型数据之间的运算的转换方法
Feb 13 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
Jan 13 Javascript
Javascript中arguments用法实例分析
Jun 13 Javascript
JavaScript对象学习小结
Sep 02 Javascript
全面解析Bootstrap排版使用方法(文字样式)
Nov 30 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
Mar 23 Javascript
详解AngularJS controller调用factory
May 19 Javascript
vue-router命名视图的使用讲解
Jan 19 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
浅谈JavaScript中this的指向问题
Jul 28 Javascript
JavaScript 实现页面滚动动画
Apr 24 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 Memcache 中实现消息队列
2009/11/24 PHP
php 获取本地IP代码
2013/06/23 PHP
PHP Switch 语句之学习笔记
2013/09/21 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
PHP7新增函数
2021/03/09 PHP
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
Wireshark基本介绍和学习TCP三次握手
2016/08/15 Javascript
Bootstrap Table使用方法解析
2016/10/19 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
VUE使用axios调用后台API接口的方法
2020/08/03 Javascript
python基础教程之序列详解
2014/08/29 Python
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
浅谈python脚本设置运行参数的方法
2018/12/03 Python
django的ORM模型的实现原理
2019/03/04 Python
wxpython绘制音频效果
2019/11/18 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
普通大学毕业生自荐信
2013/11/04 职场文书
机电一体化大学生求职信
2013/11/08 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
考研英语辞职信
2015/05/13 职场文书
导游词之西安骊山
2019/12/20 职场文书
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js