向allIcos数组对象添加键值对时telegram值为undefined的问题

兄弟，你遇到的这个问题大概率是数组索引不匹配或者遍历方式不对导致的，我来给你拆解一下常见的坑和解决办法：

最可能的错误场景 #

假设你的代码大概是这样的（我猜的哈）：

const allIcos = [{name: '项目1'}, {name: '项目2'}, {name: '项目3'}];
const tgram = [12.3, 45.6, 78.9];

// 错误的遍历方式：用indexOf拿索引
allIcos.forEach(obj => {
  // 如果allIcos里有重复对象，indexOf只会返回第一个匹配项的索引
  obj.telegram = tgram[allIcos.indexOf(obj)];
});

console.log(result); // 部分对象的telegram是undefined

或者你用了for...in遍历数组（这货遍历数组会拿到字符串类型的索引，虽然JS会隐式转换，但如果tgram是类数组或者长度不对，就容易出问题）：

for (let idx in allIcos) {
  allIcos[idx].telegram = tgram[idx];
}

正确的写法 #

直接用forEach带索引参数的写法，精准对应两个数组的索引：

allIcos.forEach((obj, idx) => {
  // 先判断tgram对应索引有没有值，避免越界返回undefined
  obj.telegram = tgram[idx] ?? '暂无数据'; 
});

或者用传统的for循环，更直观控制索引：

for (let i = 0; i < allIcos.length; i++) {
  if (i < tgram.length) {
    allIcos[i].telegram = tgram[i];
  } else {
    // 数组长度不一致时设置默认值，避免undefined
    allIcos[i].telegram = '无对应数据';
  }
}

额外调试技巧 #

如果还是不确定问题出在哪，在赋值的时候加个日志，看看每一步的索引和对应值：

allIcos.forEach((obj, idx) => {
  console.log(`当前索引：${idx}，tgram对应值：${tgram[idx]}`);
  obj.telegram = tgram[idx];
});

这样你就能清楚看到是不是某个索引超出了tgram的长度，或者对应位置本来就是undefined。

内容的提问来源于stack exchange，提问作者bitcoder.io