已编写JSON转CSV的Javascript函数 如何从复杂JSON提取指定值

前提说明 #

你已完成JSON转CSV的JS功能开发，核心操作聚焦于从复杂嵌套JSON中精准提取目标字段，输出适配转CSV函数的平层结构化数据。

操作步骤 #

步骤1：梳理JSON结构与目标字段路径 #

首先明确待处理JSON的嵌套结构，列出所有需要导出到CSV的目标字段对应的JSON访问路径。
举个示例，假设你的JSON结构如下：

const complexJSON = {
  code: 200,
  data: {
    userList: [
      {
        id: 1,
        baseInfo: { name: "张三", phone: "13xxxxxxxxx" },
        orderInfo: { totalAmount: 1200, lastOrderTime: "2024-01-01" }
      },
      // 海量同结构数据...
    ]
  }
}

如果需要导出「用户ID、姓名、手机号、订单总金额」4个字段，对应的访问路径如下：

• 用户ID：id
• 姓名：baseInfo.name
• 手机号：baseInfo.phone
• 订单总金额：orderInfo.totalAmount

步骤2：实现通用嵌套字段取值工具函数 #

写一个通用函数，支持按路径从嵌套对象中精准取值，避免硬编码嵌套访问逻辑：

/**
 * 按路径从对象中提取值，取不到返回空字符串避免CSV异常
 * @param {Object} obj 待取值的单条数据对象
 * @param {String} path 字段访问路径，用.分隔嵌套层级
 * @returns {any} 提取到的字段值
 */
function getValueByPath(obj, path) {
  return path.split('.').reduce((currentNode, key) => {
    return currentNode?.[key] !== undefined ? currentNode[key] : ''
  }, obj)
}

步骤3：批量提取字段生成标准化数据 #

首先定位到JSON中存储列表数据的根节点，遍历每个元素，按提前梳理的字段映射提取值，生成平层的结构化数组：

// 定义CSV表头与JSON路径的映射关系
const fieldMap = {
  "用户ID": "id",
  "姓名": "baseInfo.name",
  "手机号": "baseInfo.phone",
  "订单总金额": "orderInfo.totalAmount"
}

// 定位到列表数据源根节点
const rawDataList = complexJSON.data.userList

// 遍历提取生成适配转CSV函数的平层数据
const formattedData = rawDataList.map(item => {
  const row = {}
  Object.entries(fieldMap).forEach(([csvHeader, jsonPath]) => {
    row[csvHeader] = getValueByPath(item, jsonPath)
  })
  return row
})

步骤4：传入转CSV函数完成导出 #

将生成的formattedData直接传入你已开发完成的JSON转CSV函数即可，该数组为平层键值对结构，完全适配常规JSON转CSV工具的入参要求。

大体积JSON处理注意事项 #

• 若JSON体积超过100MB，不建议全量加载到内存处理，可采用流式JSON解析库边读取边提取，避免内存溢出
• 若目标字段为数组类型，可提前转为逗号拼接的字符串再存入行数据，避免CSV格式错乱
• 对可能为空的字段提前做兜底处理，避免CSV中出现undefined、null等异常内容

内容的提问来源于stack exchange，提问作者ada