如何稳妥地在 while 循环中遍历嵌套数组并避免 undefined 错误

本文详解 JavaScript 中因类型不匹配与边界缺失导致的 Cannot read properties of undefined 错误，通过修复 while 循环中的类型比较和数组越界问题，确保安全访问嵌套数组元素。

本文详解 javascript 中因类型不匹配与边界缺失导致的 `cannot read properties of undefined` 错误，通过修复 `while` 循环中的类型比较和数组越界问题，确保安全访问嵌套数组元素。

在 JavaScript 中，使用 for...in 遍历对象时，所有键都会被自动转为字符串——这是问题的根本诱因。你的 testObj 虽然用数字字面量定义（如 1: 1），但 for (let x in testObj) 中的 x 实际是字符串 "1"、"2" … "9"，而 testArr[i][0] 是数字 1、2 等。此时严格相等 !== 永远为 true（"1" !== 1），导致 i 持续递增直至超出 testArr.length（即 i = 9），最终访问 testArr[9][0] —— 此时 testArr[9] 为 undefined，进而触发 TypeError: Cannot read properties of undefined (reading '0')。

更关键的是：循环缺乏越界防护。即使类型匹配，若目标值不存在，i 仍会无限增长直至越界。因此，健壮的实现必须同时解决两个问题：
✅ 类型一致性（字符串键 vs 数字索引）
✅ 数组边界检查（防止 i 超出有效范围）

✅ 推荐修复方案（兼顾安全性与可读性）

(() => {  for (let x in testObj) {    const target = parseInt(x, 10); // 显式转为整数，语义清晰    let i = 0;    // 添加边界检查：i < testArr.length 防止越界    while (i < testArr.length && target !== testArr[i][0]) {      i++;    }    // 检查是否找到匹配项，避免静默失败    if (i < testArr.length) {      testArr[i][1].push(target);    } else {      console.warn(`Warning: Key ${target} not found in testArr`);    }  }})();

⚠️ 注意事项与最佳实践

• 避免 for...in 遍历纯数值对象：若对象仅作映射用途，优先使用 Object.keys(obj).forEach() 或 Object.entries(obj)，并配合 parseInt() 或 Number() 显式转换；
• 永远为 while 循环设置终止条件：尤其涉及数组索引时，i < arr.length 是必备防护；
• 优先使用 === / !==，但需确保操作数类型一致：混合类型比较应先统一类型，而非退化为 ==/!=（后者隐式转换易引发意外行为）；
• 考虑替代算法提升性能：当前 O(n²) 时间复杂度在大数据量下效率低下。可构建哈希映射预处理：

  const indexMap = new Map(testArr.map(([key, _]) => [key, testArr.indexOf([key, _])]));for (const x of Object.keys(testObj)) {  const i = indexMap.get(parseInt(x));  if (i !== undefined) testArr[i][1].push(parseInt(x));}

通过类型校验 + 边界防护 + 健壮性检查，即可彻底规避 undefined 访问错误，让嵌套数组操作既安全又可靠。