Json2Csv 使用简介

数据路径：设置 Json 中数据所处路径，如'root.topics.data' 'data.items' ...
字段解析：为空则为全量解析，自动识别字段头。可自定义排序、映射、按需导出 csv 文件。
- 假设数据
  - [{"id":1,"name":"张三","age":19},{"id":2,"name":"李四","age":20}]
- 按需排序字段名逗号隔开（支持,隔开的字符串 /数组格式)
  - name,id,age / ["age","name","id"]
- 字段映射 csv 头排序+按需导出，移除 id 列
  - {name:"名字",age:'年龄'}
添加 csv 头：选择框 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

第 1 条附言 · 2023-06-27 10:03:34 +08:00

支持非严格的JSON数据,字段名可不加双引号 ""

使用JS 动态创建函数，会遇到和 eval() 类似的的安全问题和（相对较小的）性能问题。与 eval() 不同的是，Function 构造函数创建的函数只能在全局作用域中运行。 MDN Function介绍

1.{title: "two", 'price': 92}
2.{data: {items: [{title: "one",price: 23},{title: "two", 'price': 92}]}}

/**
 * 使用动态函数实现
 * @param str
 * @returns {null|*}
 */
function parseJson2(str) {
    try {
        return new Function('"use strict"; return '+str)();
    } catch (e) {
        console.warn("解析处理失败", e);
        return null;
    }
}

第 2 条附言 · 2023-06-27 18:06:51 +08:00

支持多个 api地址发起Ajax get请求处理数据。(注：跨域请求需关闭浏览器同源策略)

8 条回复 • 2023-07-11 10:48:51 +08:00