Angular中map内循环访问对象键报Cannot read property '0'如何解决

云上老周

2026-10-5

问题原因

你的报错核心是JS对象属性访问语法用错了：
当你写 xxx.reportFieldsArr[index] 时，JS会尝试读取xxx对象上名为reportFieldsArr的属性，再取这个属性的第index位。而你的lead对象上根本没有reportFieldsArr这个属性，读取结果为undefined，再调用[0]就会触发Cannot read property '0' of undefined报错。
你需要的是从传入的reportFieldsArr数组里取出对应index的键名，再用这个键名读取lead对象的对应属性，这种动态属性访问场景必须使用方括号语法。

修复后代码

额外优化：不要在for循环里重复调用leads.find，同一个id只需要查询一次，既提升性能也能避免偶发的查找异常。

filterLeads(leads, reportFieldsArr){ 
  this.leads = Array.from(new Set(leads.map(s => s.personId)))
  .map(id => {
    // 同一个id先找到对应的lead对象，仅查询一次
    const currentLead = leads.find(s => s.personId === id);
    // 如果你需要和静态代码一致返回带键名的对象，用下面的写法
    let leadFields = {};
    // 如果你需要返回值的数组，就改为 let leadFields = []
    for(let index = 0; index < reportFieldsArr.length; index++){
      const key = reportFieldsArr[index];
      // 方括号动态读取对象属性
      leadFields[key] = currentLead[key];
      // 如果要返回数组，改为 leadFields[index] = currentLead[key]
    }
    return leadFields;
  });
}