如何在Web端Firebase(JS)中上传指定JSON数据结构

我来帮你搞定这个Firebase数据存储的问题！你的需求是把数组里的表格数据转成「表头对应值数组」的结构存在Firebase，原代码的问题在于每次循环都调用set，会不断覆盖文档内容，而且没有把同表头的值合并成数组。下面是修正后的完整方案：

你的目标是将fileJson中的数据转换成表头为键、对应值数组为值的结构（比如{ Name: ['Morad', 'James'], Sales: [300, 600] }），存入userId集合下的tableName文档中。但原代码会遍历每个对象的每个字段，单独调用set，这会导致文档被反复覆盖，最终只保留最后一次写入的字段值，完全达不到合并数组的效果。

我们需要先把原始数据整理成目标结构，再一次性写入Firebase，这样既高效又能保证数据结构正确：

1. 格式化原始数据 #

先把数组中的对象转换为「表头对应值数组」的结构：

const fileJson = [ { Name: 'Morad', Sales: 300 }, { Name: 'James', Sales: 600 } ];
const formattedData = {};

// 遍历原始数据，收集每个表头对应的所有值
fileJson.forEach(item => {
  Object.keys(item).forEach(key => {
    // 初始化空数组（如果表头还未存在）
    if (!formattedData[key]) {
      formattedData[key] = [];
    }
    // 将当前值加入对应表头的数组
    formattedData[key].push(item[key]);
  });
});

// 此时formattedData的结构为：
// { Name: ['Morad', 'James'], Sales: [300, 600] }

2. 写入Firebase文档 #

用整理好的数据一次性写入文档，避免多次覆盖：

if (fileJson && fileJson.length > 0) {
  db.collection(userId)
    .doc(tableName)
    // 若需要保留文档中已有的其他数据，添加{ merge: true }；若要完全替换文档则去掉该参数
    .set(formattedData, { merge: true })
    .then(() => {
      console.log("文档已成功写入格式化后的数组数据！");
    })
    .catch((error) => {
      console.error("写入文档时出错：", error);
    });
}

• 一次性写入比循环多次调用set更高效，也避免了文档被覆盖的问题
• { merge: true }参数可以保留文档中已存在的其他字段，如果你希望完全替换文档内容，可以去掉这个参数
• 最终存储的结构完全符合你的需求：每个表头字段对应一个值数组，数组元素的位置一一对应（比如Name[0]对应Sales[0]）

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