JavaScript数组Array的创建方式与长度length属性特征

2次阅读

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

JavaScript 数组 Array 的创建方式与长度 length 属性特征

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,且该位置不参与 forEachmap 等遍历
  • delete b[1] 也会产生空位,影响 length 计算逻辑(因为 delete 不改变 length)

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

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

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