如何编写循环为缺失属性的对象添加字符串默认值并适配Firestore结构？

原代码存在的几个关键错误 #

• 字符串未加引号：原data数组里的Cat、one、chicken等值都是字符串，必须用双引号或单引号包裹，否则会被当作未定义变量报错。
• 局部变量作用域错误：savingData在for循环内部声明，每次循环都会重新创建空数组，循环结束后无法保留数据。
• 条件判断逻辑错误：if(data[i].choice == "undefined" || "null") 这个判断永远为真，因为"null"是布尔真值。正确的判断应该是检查属性是否不存在、undefined或null。
• 对象字面量语法错误：savingData.push里的对象属性之间缺少逗号（name和choice、choice和food之间），会导致语法报错。
• 循环边界错误：两个循环的条件都是i<data.length-1，会漏掉数组的最后一个元素。
• 未完成最终转换：第二个循环只是单个复制对象，没有把数组转换成以数字为索引的对象结构。

修复后的完整代码（适配Firestore存储需求） #

假设你需要保留的属性列表为['name', 'choice', 'food']（实际场景可扩展为40+属性），以下代码会自动为缺失的属性添加默认值"zero"，并最终转换为数字索引的对象：

// 修复原数据的字符串引号问题
let data = [
  {name: "Cat", choice: "one", Date: "11/11/22", Time: "503", food: "chicken"},
  {name: "Dog", Date: "11/11/22", Time: "802", food: "veggies"},
  {name: "Cat", choice: "two", Date: "11/11/22", Time: "105", food: "beef"}
];

// 定义需要保留的属性列表（实际场景可扩展为40+属性）
const requiredFields = ['name', 'choice', 'food'];

// 第一步：筛选并补全属性
const savingData = data.map(item => {
  const processedItem = {};
  requiredFields.forEach(field => {
    // 若属性不存在、为undefined或null，设置默认值"zero"，否则保留原值
    processedItem[field] = item[field] ?? "zero";
  });
  return processedItem;
});

// 第二步：转换为数字索引的对象（适合Firestore存储）
const objectSavingData = savingData.reduce((acc, curr, index) => {
  acc[index] = curr;
  return acc;
}, {});

console.log(objectSavingData);

关键逻辑说明 #

• 字符串引号修复：所有字符串值必须用引号包裹，避免变量未定义错误。
• 属性补全逻辑：使用Array.map遍历原数组，对每个对象，遍历需要保留的属性列表，用??空值合并运算符判断：如果属性值为undefined或null，则设置为"zero"，否则保留原值。
• 转换为数字索引对象：使用Array.reduce将数组转换为以数组下标为键的对象，符合Firestore对非数组结构的存储要求。
• 适配大量属性场景：只需要修改requiredFields数组，添加所有需要保留的40+属性即可，无需逐个写判断逻辑。

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