JSON 大文件处理技巧

处理几十 MB、几万行的 JSON 时,最常见的问题就是:编辑器卡死、浏览器崩溃、页面无响应。这是因为一次性解析和渲染整个 JSON,会占满内存和 CPU。本文教你几个实用技巧。

为什么大 JSON 会卡

一个大 JSON 的「杀伤力」来自两处:

  1. 解析:JSON.parse 要把整个字符串一次性转成内存对象,几十 MB 的数据瞬间占用几百 MB 内存。
  2. 渲染:把几万个节点全部渲染成 DOM,浏览器要同时布局和绘制,必然卡死。

技巧一:用支持优化的在线工具

好的在线工具会针对大文件做专门优化。以 JSON 在线格式化工具 为例,它做了三件事:

所以在浏览器里处理大 JSON,选对工具比换电脑更有效。

技巧二:别「全部展开」,按需查看

大文件最大的坑是手贱点了「全部展开」。几万个节点一次性渲染,再好的浏览器也扛不住。正确的做法是:

技巧三:程序里用流式解析

如果是在自己的代码里处理超大 JSON,浏览器端的 JSON.parse 不合适,建议换流式方案:

技巧四:先压缩再传输

如果大 JSON 要走网络传输,先压缩能省不少时间——去掉空格换行,体积通常能减小 30%-50%。压缩后到目的地再格式化查看。

一个经验值

延伸阅读