17370845950

本文介绍在不使用内置 `length` 属性的前提下，安全、准确地手动计算 javascript 数组长度的多种方法，并重点分析常见错误（如未初始化变量、错误的循环终止条件）及其修复方案。

你提供的代码陷入无限循环，根本原因有两点：

1. 变量 i 未初始化：let i; 声明后值为 undefined，array[undefined] 等价于 array["undefined"]（字符串属性名），而非数组索引访问，实际返回 undefined；
2. 终止条件逻辑错误：array[i] != 'undefined' 比较的是值与字符串 'undefined'，而数组元素本身是数字（如 1, 2），永远不等于该字符串；更严重的是，当 i 超出边界后 array[i] 返回 undefined，但 undefined != 'undefined' 结果为 true，导致循环永不停止。

✅ 正确的手动计数方法应基于索引存在性判断。以下是几种可靠实现：

✅ 方法一：传统 for 循环（推荐，清晰可控）

let array = [1, 2, 3, 4, 5];
let count = 0;

for (let i = 0; i < array.length; i++) {
  // 注意：此处虽用了 array.length，但仅用于控制循环——若完全禁用 length，见方法二
  count++;
}
console.log("length of array is " + count); // 输出：length of array is 5

⚠️ 若严格禁止使用任何 length（包括循环中），则需依赖 in 操作符或 hasOwnProperty 判断索引是否存在：

✅ 方法二：while 循环 + in 操作符（真正零 length 依赖）

let array = [1, 2, 3, 4, 5];
let i = 0;
let count = 0;

while (i in array) {
  count++;
  i++;
}

console.log("length of array is " + count); // 输出：length of array is 5

i in array 检查索引 i 是否为数组的有效自有属性（即 array[i] 存在且非稀疏空位），这是语义最准确的终止条件。

✅ 方法三：forEach 遍历（简洁函数式风格）

let array = [1, 2, 3, 4, 5];
let count = 0;

array.forEach(() => count++); // 无需参数，仅计数
console.log("length of array is " + count); // 输出：length of array is 5

此方式无需关心索引，代码简洁，且天然避免越界问题，适合强调可读性与安全性的场景。

⚠️ 注意事项与最佳实践

• 切勿用 != 'undefined' 或 !== undefined 判断终止：undefined 是原始值，直接比较应使用 === undefined，但更推荐 in 或 hasOwnProperty；
• 稀疏数组需谨慎：如 let arr = [1,,3];（索引 1 为空位），arr[1] 返回 undefined，但 1 in arr 为 false，此时 while (i in array) 仍能正确返回 3，而基于值的判断会出错；
• 性能考量：现代引擎对 array.length 高度优化，手动计数仅适用于教学、特殊约束环境或自定义类数组结构（如 arguments 对象）；
• 扩展思考：对类数组对象（如 arguments、NodeList），可使用 [...obj].length 或 Array.from(obj).length，但本质仍调用内置机制。

总之，手动计数的核心是明确“长度”的定义：即最大连续整数索引 + 1（标准数组），或自有数值索引的数量（稀疏数组）。选择 i in array 作为循环条件，是最符合 JavaScript 数组语义的安全方案。