js 转url参数

在JavaScript中，将对象或字符串转换为URL参数通常涉及到编码（encodeURIComponent）和字符串拼接的过程。以下是一些基础概念和相关操作：

基础概念

URL参数：URL参数是附加在URL后面的键值对，用于向服务器传递额外的信息。
encodeURIComponent：这是一个JavaScript函数，用于将URI中的特殊字符进行编码，以确保它们在URL中正确传输。

相关操作

将对象转换为URL参数

假设你有一个JavaScript对象，你想将它转换为URL参数：

const params = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

const queryString = Object.keys(params)
  .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`)
  .join('&');

console.log(queryString); // 输出: "name=John%20Doe&age=30&city=New%20York"

将字符串转换为URL参数

如果你已经有了一个查询字符串，并且想要解析它为一个对象，你可以这样做：

const queryString = "name=John%20Doe&age=30&city=New%20York";

const params = queryString.split('&').reduce((acc, pair) => {
  const [key, value] = pair.split('=');
  acc[decodeURIComponent(key)] = decodeURIComponent(value);
  return acc;
}, {});

console.log(params); // 输出: { name: 'John Doe', age: '30', city: 'New York' }