在JavaScript中计算Firebase Firestore数组平均值的问题

1. 确认数据类型一致性 #

先检查Firestore数据截图里的delta字段类型，必须是**数字（number）**而非字符串。如果存的是字符串（比如"0.3"），直接求和会出现拼接或NaN问题，读取时需强制转换：

// 读取时转换为数字并过滤无效值
const delta = parseFloat(doc.data().delta);
if (!isNaN(delta)) {
  deltaArray.push(delta);
}

2. 确保异步数据加载完成后再求和 #

如果求和逻辑写在Firestore查询的异步回调外部，会拿到空数组导致异常。必须把求和代码放在数据获取完成的回调内：

// 正确的异步处理示例
const querySnapshot = await getDocs(collection(db, "your-collection"));
const deltaArray = [];

querySnapshot.forEach((doc) => {
  const delta = doc.data().delta;
  // 额外判断避免null/undefined
  if (typeof delta === 'number') {
    deltaArray.push(delta);
  }
});

// 执行求和，设置初始值避免空数组报错
const total = deltaArray.reduce((acc, curr) => acc + curr, 0);

3. 过滤无效数据 #

集合中可能存在delta为null、undefined或非数字的文档，遍历前先过滤：

const validDeltas = querySnapshot.docs
  .map(doc => doc.data().delta)
  .filter(value => typeof value === 'number' && !isNaN(value));

const total = validDeltas.reduce((acc, curr) => acc + curr, 0);

4. 针对具体报错排查 #

• 如果报错是Cannot read property 'delta' of undefined：说明部分文档没有delta字段，需添加存在性检查：

  if (doc.data().hasOwnProperty('delta')) {
    const delta = doc.data().delta;
    // 后续处理
  }
  

• 如果报错是reduce of empty array with no initial value：确保reduce的第二个参数设为0（如上面示例），避免空数组无法求和。

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