JavaScript实现url参数转成json形式


Posted in Javascript onSeptember 25, 2016

朋友问的一个面试题:有个url,要求获取url 的参数,返回值为json格式。

简单的写了下,发笔记备份。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>simple a example for url to json</title>
 <script>
 var url = 'https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=慕课&rsv_pq=e379bd8200001a8c&rsv_t=ea8cxrgm03IFb44zHA261P6KziPRXAekcjwsRJtUSKLUmKweFsZFXE%2BUSrU&rqlang=cn&rsv_enter=0&rs';

 function url2json(url){
  var index = -1,
     str = '',
     arr = [],
     length = 0,
     res = {};
  if(url.indexOf('?')!=-1){
  index = url.indexOf('?');
  str = url.substring(index+1);
  arr = str.split('&');
  length = arr.length;
  for(var i=0; i<length-1; i++){
   res[arr[i].split('=')[0]] = arr[i].split('=')[1];
  }
  }else{
  res = {};
  }
  return res;
 };

 var result = url2json(url);

 //获取json的键值对条数(模拟长度)
 var length = 0;
 for(var i in result){
  length++;
 }


 //在页面输出
 var tL = 0;
 document.write('{<br>');
 for(var name in result){
  tL++;
  
  if(tL == length){
  document.write('  '+name+':'+result[name]+'<br>');
  }else{
  document.write('  '+name+':'+result[name]+',<br>'); 
  }
 }
 document.write('}');
 </script>
</head>
<body>
Javascript 相关文章推荐
IE autocomplete internet explorer's autocomplete
Jun 30 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
js异步编程小技巧详解
Aug 14 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
Apr 09 Javascript
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
动态JavaScript所造成一些你不知道的危害
Sep 25 #Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 #Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
分享一个原生的JavaScript拖动方法
Sep 25 #Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 #Javascript
jQuery的deferred对象使用详解
Sep 25 #Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 #Javascript
You might like
PHP中for循环语句的几种变型
2006/11/26 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
2013/04/21 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
新手vue构建单页面应用实例代码
2017/09/18 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
移动端(微信等使用vConsole调试console的方法
2019/03/05 Javascript
JavaScript偏函数与柯里化实例详解
2019/03/27 Javascript
go和python调用其它程序并得到程序输出
2014/02/10 Python
numpy找出array中的最大值,最小值实例
2018/04/03 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
全球知名旅游社区法国站点:TripAdvisor法国
2016/08/03 全球购物
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
大学生安全责任书
2014/07/25 职场文书
无私奉献演讲稿
2014/09/04 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
施工员岗位职责
2015/02/10 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书
高中历史教学反思
2016/02/19 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript