如何在react-table中实现循环？附getMyData函数代码求助

看起来你正在做用户活跃数据的统计，准备给React Table提供数据源对吧？我帮你把这段循环逻辑补全并优化，结合代码片段里的意图，假设我们的需求是统计近7天内活跃的用户，区分出今天活跃的用户，计算这些用户某个指标的平均值，同时收集用户名称。

先看优化后的完整代码：

const getMyData = () => { 
  // 安全的数组平均值计算函数（避免空数组除以0）
  const arrAvg = arr => arr.length ? arr.reduce((a, b) => a + b, 0) / arr.length : 0; 
  
  // 初始化结果结构，更适配后续React Table的展示需求
  let result = { 
    recentUsers: [],    // 近7天内活跃的用户列表
    todayActiveUsers: [], // 今天活跃的用户列表
    metricAverage: 0,   // 目标指标的平均值（比如用户积分、操作次数等）
    activeUserNames: [] // 活跃用户名称数组
  }; 

  // 遍历用户对象（用Object.values避免遍历原型链属性）
  for (const user of Object.values(data.users)) { 
    const lastUpdated = moment(user.lastUpdated); 
    const currentTime = moment(); 
    const timeRange = moment.range(lastUpdated, currentTime); 
    const daysSinceLastActive = timeRange.diff('days'); 

    console.log(`用户 ${user.name} 距离上次活跃已过去 ${daysSinceLastActive} 天`); 

    // 筛选近7天内活跃的用户（包含今天，不包含7天前）
    if (daysSinceLastActive >= 0 && daysSinceLastActive < 7) { 
      // 加入近7天活跃用户列表
      result.recentUsers.push(user);
      // 收集活跃用户名称
      result.activeUserNames.push(user.name);

      // 单独筛选今天活跃的用户（days=0代表lastUpdated在今日范围内）
      if (daysSinceLastActive === 0) {
        result.todayActiveUsers.push(user);
      }
    }
  }

  // 计算目标指标的平均值：这里假设我们要统计用户的「score」字段，你可以替换成实际业务字段
  const metricValues = result.recentUsers.map(user => user.score);
  result.metricAverage = arrAvg(metricValues);

  return result;
};

关键优化点说明： #

• 遍历方式优化：把var key in data.users改成for...of Object.values(data.users)，避免遍历对象原型链上的无关属性，直接拿到用户对象，代码更简洁安全。
• 结果结构调整：原来的单个today/average字段无法存储多用户数据，改成数组结构后，既能给React Table提供完整的用户列表数据源，也能方便做汇总统计。
• 避免计算错误：给arrAvg函数加了空数组判断，防止出现除以0的报错。
• 业务逻辑补全：明确了「今天活跃用户」的筛选条件，同时把平均值计算和具体业务字段绑定（你可以把user.score换成你需要统计的指标，比如登录次数、任务完成数等）。

适配React Table的使用建议： #

你可以在组件中调用这个函数拿到结果，比如：

const tableData = getMyData().recentUsers; // 用近7天活跃用户作为表格数据源
const summary = getMyData(); // 用summary里的todayActiveUsers、metricAverage做表格顶部的汇总栏

如果你的业务需求和我假设的不一样（比如要统计近7天每天的平均活跃数、或者today指的是近24小时而非自然日），可以随时调整条件和计算逻辑~

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