MAP / TABULAR

CSV ↔ JSON 转换

CSV 与 JSON 数组在线互转,正确解析引号、转义双引号与字段内换行,数据不离开浏览器。

在线工作台

浏览器本地处理

Enter 执行 · Shift+Enter 换行

输入内容后,点击上方按钮开始处理。

Under the hood

实现原理

输入只在浏览器中处理,下面分别说明转换逻辑与页面实现方式。

Logic

工作原理

  • CSV 通过逐字符状态机解析,只有不在引号内的逗号和换行才是分隔符。
  • 首行作为字段名,后续行映射成对象;缺失值补为空字符串。
  • JSON 转 CSV 时收集全部对象键,并对包含逗号、引号或换行的值进行标准转义。

Browser

前端如何实现

  • CSV 解析器逐个读取字符并记录当前是否处于引号内,从而正确处理字段中的逗号和换行。
  • 完成行列结构后,浏览器再用原生 JSON 能力生成或读取对象数组。

Process map

CSV 字段解析流程

  1. 01逐字符读取 CSV
  2. 02跟踪字段引号状态
  3. 03构建行与列
  4. 04映射为对象或序列化为 CSV

Keep working

相关工具

查看全部 →