如何将含嵌套对象的JavaScript对象转换并编码为URL参数

核心逻辑：先将paramsObj中state字段对应的值，格式化为键名不带引号、保留指定间隔空格的对象字符串，再对字符串做URL编码，最终拼接为键=编码后值的查询参数格式即可。

无依赖原生实现（React项目可直接使用） #

不需要安装任何第三方库，直接用浏览器原生API就能实现，输出结果和你给出的示例完全一致：

const paramsObj = {
  state: {
    Corp: "CorpCode",
    Location: "LocationCode",
    IsCorp: false
  }
};

// 按要求格式化state对应的字符串
const stringifyState = (obj) => {
  const itemStrList = Object.entries(obj).map(([key, value]) => {
    // 字符串类型的值需要包裹双引号，布尔、数字类型直接转字符串
    const formattedValue = typeof value === 'string' ? `"${value}"` : value;
    return `${key}: ${formattedValue}`;
  });
  return `{ ${itemStrList.join(', ')} }`;
};

// 编码拼接为最终参数字符串
const queryParam = `state=${encodeURIComponent(stringifyState(paramsObj.state))}`;

注意事项 #

• 不要直接用JSON.stringify(paramsObj.state)做序列化：该方法默认会给对象的键名也包裹双引号，最终生成的字符串格式和你的要求不匹配。
• 必须使用encodeURIComponent做编码：它可以正确转义大括号、空格、引号、冒号、逗号等URL特殊字符，符合参数传输规范，不会出现路由解析乱码问题。
• 上面的序列化方法支持自动适配state对象的字段增减，后续如果加新的路由参数字段，不需要修改序列化逻辑。

内容的提问来源于stack exchange，提问作者Yevhen Vasylynchuk