JavaScript 数组创建有字面量、构造函数、Array.of()和 Array.from()四种方式;length 属性可写,修改会截断或扩展数组,其值为最大整数索引加 1,不等于元素个数。

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**。这在稀疏数组中尤为明显:
立即学习“Java 免费学习笔记(深入)”;
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 验证索引有效性






























