JavaScript数组创建与length属性详解

JavaScript数组的创建方式（字面量、构造函数、Array.of()、Array.from()）各具特性与陷阱，尤其构造函数在单参数时易引发歧义；而length属性远非简单的元素计数器——它是最大整数索引加1的动态可写值，修改它会截断或稀疏化数组，且在空位（empty slot）存在时与实际元素数量严重脱节，理解其底层行为对避免遍历遗漏、误判数组状态和编写健壮代码至关重要。

JavaScript中创建数组有多种方式，length属性看似简单，但行为有细节差异，尤其在稀疏数组和赋值操作中容易引发意外。

常见创建方式及特点

数组可通过以下方式创建，各自适用不同场景：

• 字面量语法：[] 或 [1, 2, "a"] —— 最常用、简洁、性能好，推荐日常使用
• 构造函数：new Array() 或 new Array(5) —— 单个数字参数会设置初始长度（非元素），易混淆；多个参数则作为实际元素，如 new Array(1, 2, 3) 等价于 [1, 2, 3]
• Array.of() 和 Array.from() —— 更安全的替代方案：Array.of(5) 返回 [5]，避免构造函数歧义；Array.from("abc") 可将类数组或可迭代对象转为数组

length 属性不是只读的，且可被修改

length 是可写属性，直接赋值会改变数组结构：

• 设为比当前小的值（如 arr.length = 2），会**截断数组**，超出部分被删除
• 设为比当前大的值（如 arr.length = 10），不会填充元素，仅扩大索引上限，数组变为**稀疏数组**，访问新索引返回 undefined，但 in 操作符检测不到这些索引
• 即使 length 为 0，原数组引用仍存在，只是内容被清空

length 的真实含义：最大整数索引 + 1

length 不等于“元素个数”，而是数组中**最大数字索引加 1**。这在稀疏数组中尤为明显：

• const a = []; a[100] = "x"; console.log(a.length); // 101
• const b = [1, , 3]; // 中间是空位（empty slot），不是 undefined 元素，b.length 仍为 3，但 b[1] 访问返回 undefined，且该位置不参与 forEach、map 等遍历
• 用 delete b[1] 也会产生空位，影响 length 计算逻辑（因为 delete 不改变 length）

判断是否真正包含某索引的安全方式

不要仅靠 arr[i] !== undefined 判断元素是否存在，因可能值本身就是 undefined：

• 用 i in arr 检测该索引是否在数组中（包括空位）
• 用 arr.hasOwnProperty(i) 区分继承属性与自有索引（更严格）
• 对密集数组，可用 Number.isInteger(i) && i >= 0 && i 验证索引有效性

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript数组创建与length属性详解》文章吧，也可关注golang学习网公众号了解相关技术文章。