JavaScript实现url参数转成json形式

当我们使用JavaScript处理URL的参数时，有时候需要将URL的参数转换为JSON形式来进行处理。下面我将为您提供JavaScript实现URL参数转为JSON的完整攻略：

1. 利用window.location.search获取URL参数部分；
2. 将URL参数部分解析为键值对对象；
3. 将对象转换为JSON格式。

下面是详细步骤的代码实现：

1. 利用window.location.search获取URL参数部分

const paramsStr = window.location.search.substr(1);
// paramsStr的值是类似于"key1=value1&key2=value2&key3=value3"的字符串格式

2. 将URL参数部分解析为键值对对象

const paramsArr = paramsStr.split("&");
const paramsObj = {};

paramsArr.forEach((param) => {
  const paramArr = param.split("=");
  paramsObj[paramArr[0]] = paramArr[1];
});

// 得到paramsObj的值为 {key1: "value1", key2: "value2", key3: "value3"}

3. 将对象转换为JSON格式

const json = JSON.stringify(paramsObj);

// 得到json的值为 {"key1":"value1", "key2":"value2", "key3":"value3"}

示例1:

假设当前的URL为 https://www.example.com/?name=Tom&age=18&gender=male

const paramsStr = window.location.search.substr(1);
const paramsArr = paramsStr.split("&");
const paramsObj = {};

paramsArr.forEach((param) => {
  const paramArr = param.split("=");
  paramsObj[paramArr[0]] = paramArr[1];
});

const json = JSON.stringify(paramsObj);

console.log(json); // 输出{"name":"Tom","age":"18","gender":"male"}

示例2:

假设当前的URL为 https://www.example.com/?numbers=1,2,3,4&letters=a,b,c,d

const paramsStr = window.location.search.substr(1);
const paramsArr = paramsStr.split("&");
const paramsObj = {};

paramsArr.forEach((param) => {
  const paramArr = param.split("=");
  paramsObj[paramArr[0]] = paramArr[1].split(",");
});

const json = JSON.stringify(paramsObj);

console.log(json); // 输出{"numbers":["1","2","3","4"],"letters":["a","b","c","d"]}

注意：上述代码仅适用于参数值为字符串类型的情况，如果要处理参数值为数组或其他类型的参数，代码需要根据实际情况进行适当修改。