JavaScript实现URL参数解析为JSON对象的方法

作者:拾光时间:2026-10-28 14:22:49浏览:170

本文介绍如何使用JavaScript编写parseQueryString函数,将URL查询字符串解析为JSON对象。通过示例展示了创建对象的三种方式,并重点推荐第二种形式。代码利用split方法处理参数,即使单个参数也不会报错,返回数组第一个元素。

URL参数解析函数需求

任务:实现一个名为 parseQueryString 的 JavaScript 函数,用于将 URL 查询字符串解析为对象。 示例:var obj=parseQueryString(url);

JavaScript对象创建方式

构建对象的三种方式: 第一种:


var Person=new Object();
Person.name="Sun";
Person.age=24;

第二种:


var Person=new Object();
Person["name"]="Sun";
Person["age"]=24;

第三种: 采用对象字面量语法


var Person={
name: "Sun",
age: 24
}

备注: 1、本例中推荐采用第二种方式,便于向 obj 添加属性 2、使用 split("&") 时,若 URL 仅含单个参数且无“&”符号,不会引发错误,结果仅为 array[0]

parseQueryString函数实现


function parseQueryString(url)
{
var obj={};
var keyvalue=[];
var key="",value=""; 
var paraString=url.substring(url.indexOf("?")+1,url.length).split("&");
for(var i in paraString)
{
keyvalue=paraString[i].split("=");
key=keyvalue[0];
value=keyvalue[1];
obj[key]=value; 
} 
return obj;
}

作者最新文章