Json 数据通用提取工具,使用 HTML JavaScript [单文件离线版]

Gitee 地址链接

Json2Csv

js html 实现的一款通用型JSON数据提取工具,支持自动识别JSON数据节点并有序提取为CSV文件。
Convenient JSON data extraction tool.

使用简介

浏览器打开 json2csv.html, 支持json字符、json文件、以及连续的api地址请求(跨域请求需关闭浏览器同源策略)
在这里插入图片描述

数据配置

  1. 数据路径:设置Json中数据所处路径,如’root.topics.data’ ‘data.items’ …

  2. 字段解析:为空则为全量解析,自动识别字段头。可自定义 排序、映射、按需导出csv文件。

    • 假设数据
      • [{“id”:1,“name”:“张三”,“age”:19},{“id”:2,“name”:“李四”,“age”:20}]
    • 按需排序 字段名逗号隔开(支持,隔开的字符串/数组格式)
      • name,id,age / [“age”,“name”,“id”]
    • 字段映射csv头 排序+按需导出 ,移除id列
      • {name:“名字”,age:‘年龄’}
  3. 添加csv头:选择框 csv第一行是否包含字段信息。

  4. 支持直接粘贴json字符串或拖拽上传json文件,生成为同名csv文件,支持多文件。

支持以下常见JSON数据格式:

1.任意多级节点下的数组数据

{"data":{"items":[{"title":"one","price":23},{"title":"two","price":92},{"title":"three","price":5623}]}}

2.兼容处理数据区域非数组结构而是一个对象的情况

{"data":{"items":{"1":{"title":"one","name":"test1"},"2":{"title":"two","name":"test2"},"3":{"title":"three","name":"test3"}}}}

数据位于"data.items"多级节点下,则填写【数据路径】,如data.items
在这里插入图片描述

本地测试,秒级处理20M json文件,Chrome 版本 114.0.5735.134(正式版本) (64 位)

在这里插入图片描述

谷歌浏览器 关闭同源策略方法

1.建数据缓存文件夹:C:\MyChromeUserData
2.建立快捷方式: 桌面 → 右键 → 新建 → 快捷方式 → 输入对象目标地址:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --user-data-dir="C:\MyChromeUserData" --disable-web-security

问题来源

楼主使用Golang 实现了一款通用型 JSON 数据提取工具,支持自动识别 JSON 数据节点并有序提取为 CSV 文件。
看到大家有这样的评论,顺手实现下,~~ 尴尬的是搞完了 ,发现 这个论坛注册不足15天,不能回复评论。但是可以发新帖,晕!~
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值