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 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
javascript document.compatMode兼容性
Feb 23 Javascript
JavaScript中双叹号!!作用示例介绍
Sep 21 Javascript
javascript操作表格排序实例分析
May 06 Javascript
在JavaScript中操作时间之getMonth()方法的使用
Jun 10 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
老生常谈jquery id选择器和class选择器的区别
Feb 12 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
详解vue.js下引入百度地图jsApi的两种方法
Jul 27 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
JavaScript函数Call、Apply原理实例解析
Feb 17 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 socket(fsockopen)的应用实例分析
2013/06/02 PHP
php身份证号码检查类实例
2015/06/18 PHP
作为程序员必知的16个最佳PHP库
2015/12/09 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
Javascript 更新 JavaScript 数组的 uniq 方法
2008/01/23 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
js时间戳转为日期格式的方法
2015/12/28 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
详解webpack es6 to es5支持配置
2017/05/04 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
python 实现敏感词过滤的方法
2019/01/21 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
PyCharm+PyQt5+QtDesigner配置详解
2020/08/12 Python
python 监控logcat关键字功能
2020/09/04 Python
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
学生学习总结的自我评价
2013/10/22 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS