如何检测类数组对象合法性

在JavaScript开发中，类数组对象（array-like objects）常被开发人员提及，例如 arguments、NodeList，或手动构造的 { length: 2, 0: 'a', 1: 'b' }。这类对象虽然外表类似数组，但并未继承 Array.prototype，因此无法直接调用 push、map 等数组方法。只要其结构符合规范，就能通过 Array.from() 或 [].slice.call() 等方法转换为真正的数组。

检查是否具备基本类数组结构

一个合法的类数组对象需满足两个硬性条件：

• 拥有可转换为非负整数的 length 属性。该值必须是有限数字，且 Math.floor(length) === length，同时 length >= 0。null、undefined、NaN、负数、小数等均不合格。
• 索引属性从 0 开始连续存在。不要求所有索引都显式定义，但前 length 个整数索引（0 到 length-1）必须能被读取——即使值为 undefined 也无妨。若 length === 3 却无法访问 obj[0]，则该对象并非有效的类数组。

验证能否被标准方法识别和转换

判断一个对象是否“合法”，关键在于它能否被主流兼容方式正确识别并处理。具体包括：

• 使用 Array.from(obj) 进行转换，若返回的数组长度与 obj.length 一致，说明结构可靠；若抛出错误或返回空数组，则结构可能存在问题。
• 在旧环境中可用 [].slice.call(obj) 测试，成功返回数组即通过。但在严格模式或某些宿主对象（如部分 DOM 集合）上可能失败，需做降级处理。
• 切勿依赖 obj instanceof Array 或 Array.isArray(obj) 判断——它们对类数组始终返回 false，这是设计本意，并非 Bug。

区分“类数组”和“假类数组”

某些对象虽具备 length 和数字键，却并不适合用作类数组。常见陷阱：

• 稀疏索引，如 { length: 5, 0: 'a', 4: 'e' }。中间缺失三个索引，Array.from 虽会填充 undefined，但部分业务逻辑可能误判为空项，引发意外问题。
• length 与实际键数量不匹配，如 { length: 2, 0: 'x', 1: 'y', 2: 'z' }。声明仅两项却隐藏第三项，转换时易出现截断错误。
• 不可枚举的数字键，通过 Object.defineProperty 设置 enumerable: false 的索引，在 for...in 或某些遍历中会被直接跳过，破坏整体一致性。

实用检测函数示例

以下函数综合判断一个值是否为“可用的类数组对象”：

function isValidArrayLike(obj) {
  if (obj == null || typeof obj !== 'object') return false;
  const len = obj.length;
  if (!Number.isInteger(len) || len < 0) return false;
  // 检查前 length 个索引是否可访问（不报错即可）
  for (let i = 0; i < len; i++) {
    if (!(i in obj)) return false;
  }
  return true;
}

该函数在性能上并非最优，但足以排除绝大多数非法情况，比单纯检查 length 更稳妥。