嵌套的 JSON 对象怎么拼成 query string?

嵌套对象会展开成方括号路径。`{"user":{"name":"ada"}}` 拼成 `user[name]=ada`,深一层的 `{"page":{"size":20}}` 拼成 `page[size]=20`。结构用的方括号保持原样不做百分号编码,这样串既好读、又能原样解析回去,只有名字和值会被编码。这跟 `qs` 库、PHP、Rails 用的是同一套约定,输出能直接喂给大多数后端,不用再额外解析。

数组该用 key[] 还是逗号?

看你自己,用数组写法那个开关切。`repeat` 出 `tag=red&tag=blue`(Express、Rails、Go 的 `r.URL.Query()` 都直接认)。`bracket` 出 `tag[]=red&tag[]=blue`,`qs` 和 PHP 要这个。`comma` 出 `tag=red,blue`,紧凑,搜索类 API 常用。有一点要留意,逗号写法是单向有损的,值里本来就带逗号时解析时分不清是分隔还是内容,所以要保证往返无损,挑 repeat 或 bracket。

特殊字符和中文会自动编码吗?

会,每个键和值都过 `encodeURIComponent`。空格变 `%20`,斜杠变 `%2F`,值里带的 `&` 或 `=` 会被转义,免得被当成分隔符,`{"raw":"x=1&y=2"}` 出来是 `raw=x%3D1%26y%3D2`。中文按 UTF-8 做百分号编码,所以 `{"name":"你好"}` 变成 `name=%E4%BD%A0%E5%A5%BD`。你一个字符都不用手动转。

能把 query string 转回 JSON 吗?

能,右边那栏就是实时反向转换。在那里改 query string,JSON 会自己重拼:`tag=red&tag=blue` 这种重复键合并成数组 `["red","blue"]`,`user[name]=ada` 嵌套成对象,`+` 和 `%XX` 都会解码。因为两个方向共用同一套方括号约定,repeat 和 bracket 两种数组写法下,JSON 转 query 再转回 JSON 是干净的往返。

这个和 URLSearchParams 有什么区别?

`URLSearchParams` 只处理一串扁平的字符串键值对。碰到嵌套对象它根本不知道怎么办,`new URLSearchParams({user:{name:'ada'}})` 给你的是字面文字 `user=[object Object]`,数组重复项也不会按你预期展开。这个工具会把整棵 JSON 树走一遍:嵌套出方括号路径,数组写法你自己挑,还能再解析回去,而这些正是 `URLSearchParams` 甩给你自己写的部分。

拿已有的配置对象拼出请求 URL

代码里有个搜索配置就是个普通对象, `{q:"opus 4", tags:["ai","tools"], page:{size:20}}`,你想在浏览器或 curl 里手动测一下它,需要那条 URL。粘进对象,挑 repeat 数组写法, 打开开头的 `?`,就得到 `?q=opus%204&tags=ai&tags=tools&page[size]=20`, 接到接口后面就能用。不用数 &符号,也不会忘了把 "opus 4" 里的空格转义。

对上后端要的那种数组写法

一个 Rails API 要 `tags[]=a&tags[]=b`,一个 Go 服务要 `tags=a&tags=b`, 一个搜索 API 要 `tags=a,b`。同一份 JSON,三个目标。切一下数组写法, 复制贴合你正在调的那个服务的串,不用手动改方括号还改错。实时预览会在你粘到 HTTP 客户端之前先把结果给你看。

拼出可签名的稳定串

给请求签名、或者拿 URL 当缓存键时,两个逻辑上相等的对象必须拼出逐字节一样的串。打开排序和跳空:键按字典序出、空值丢掉,于是 `{b:"",a:"1",c:"2"}` 和 `{c:"2",a:"1"}` 都序列化成 `a=1&c=2`。喂给你的 HMAC,签名就能复现。

把对象放进链接前先清一遍

你在用表单状态拼分享链接,里头有些半填的字段,空字符串、一个 null、一个空数组。打开跳空,这些就从输出里消失,链接只带真正有用的参数,而不是拖着一串 `&ref=&promo=` 的噪音,把 URL 和你的分析数据都搞乱。

JSON 转 Query String

把 JSON 对象拼成 URL query string,数组三种写法、嵌套对象走方括号、可排序可跳空,还能转回 JSON,全程浏览器本地

本地处理
分类开发运维
适合格式化、校验、压缩或检查和代码相关的文本。

数组写法

按键排序带开头的 ?跳过空值

JSON 对象

Query string

这个工具能做什么

从一个 JSON 对象拼出 URL query string,数组和嵌套对象怎么出全由你定。粘一个对象,立刻读到干净的 `key=value&key=value`,直接接在 `?` 后面就能用。每个键和值都过一遍 `encodeURIComponent`:空格变 `%20`,斜杠变 `%2F`, 值里带的 `&` 或 `=` 会被转义,中文这种字符也原样保留,拼出来的串不会把它落地的那条 URL 搞坏。

数组怎么序列化你来挑:`tag=red&tag=blue`(大多数后端认得的重复写法)、 `tag[]=red&tag[]=blue`(`qs` 库用的方括号写法),或者 `tag=red,blue` (紧凑的逗号写法)。嵌套对象展开成方括号路径,所以 `{user:{name:"ada"}}` 出来是 `user[name]=ada`,再深一层就是 `user[address][city]=oslo`。还能加上开头的 `?`、按键排序拿到稳定的缓存键或签名串、跳过空值让链接清爽。

右边一栏会把任意 query string 解析回格式化的 JSON,你改哪一边、另一边都跟着重拼,来回转一遍数据不会被悄悄改坏。JSON 写错了给出清晰的中英文提示,而不是甩你一个白屏。全程不上传,解析器、序列化器、JSON 格式化都是浏览器里跑的纯 JavaScript,这在对象带着 token 或内部跳转地址、不想留在别人服务器日志里时尤其要紧。

工具细节

输入: 文本 + 结构化内容; 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
输出: 即时结果 + 复制; 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
隐私: 浏览器本地处理; 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
保存 / 分享: 可分享链接状态; 关键设置会进入 URL，复制链接后别人能复现同一组参数。
性能预算: 首屏 JS ≤ 9 KB; 没有声明 WASM 依赖，适合快速打开和移动端使用。
适用场景: 开发运维 · 程序员; 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。

怎么用

1. 输入

把内容粘贴或拖入工具面板。
2. 处理

点击按钮,在浏览器内本地处理,文件不上传。
3. 复制 / 下载

一键复制结果或下载到本地。