JavaScript 数组定义方法与 length 属性详解

拾柒
拾柒
发布时间:2026-10-14 | 2人浏览过
原创

在 JavaScript 编程中,数组是最常用的数据结构之一。了解如何正确创建数组以及掌握 length 属性的行为逻辑,是避免常见 Bug 的基础。

数组的定义方法

在 JavaScript 中,创建数组主要有两种方式:使用构造函数和使用字面量。

第1步:使用 Array 构造函数

可以通过 new Array() 来初始化数组,具体有三种常见用法:

  1. 无参构造:
    var a = new Array();
    创建一个空数组。
  2. 传入单个数字参数:
    var b = new Array(8);
    注意:当只传入一个数字时,它表示数组的初始长度(预分配内存空间),而不是数组包含的元素。此时数组包含 8 个空槽(empty slots)。
  3. 传入多个元素:
    var c = new Array("first", "second", "third");
    直接初始化包含指定元素的数组。

第2步:使用数组字面量(推荐)

字面量语法更简洁且性能通常更好,直接方括号包裹元素:

var d = ["first", "second", "third"];

数组的长度与操作

JavaScript 数组只有一个核心属性:length。理解它的行为对于数据操作至关重要。

1. 获取数组长度

length 属性反映的是数组当前占用的内存空间大小(即最高索引值 + 1),而不仅仅是已赋值的元素个数。例如:

<script>
var a = new Array("first", "second", "third");
a[48] = "12";
document.write(a.length); // 显示结果:49
</script>

如上例所示,虽然中间大部分索引为空,但设置了索引 48 后,length 自动变为 49。

2. 在末尾追加元素

利用当前长度作为新元素的索引,可以直接将新元素追加到数组末尾:

var myarray = [];
myarray[myarray.length] = 'new element';

3. 修改数组长度

直接赋值 length 可以改变数组的大小:

  • 缩小长度: 截断数组。
    var myarray = [1, 2, 3];
    myarray.length = 2;  // 删除最后一个元素,数组变为 [1, 2]
  • 扩大长度: 增加预留空间(稀疏数组)。 
    myarray.length = 20;  // 添加 18 个空槽到数组中,现有元素保留在前部。

以上就是 JavaScript 数组定义和 length 属性的详细内容,更多关于 JavaScript 基础语法的资料请关注本站其它相关文章!

相关标签:

本站声明

本文内容仅供参考,不代表本站观点。转载或引用请注明出处。如发现内容问题,请通过联系我们页面反馈。

Python 相关产品和应用

全部下载

专题列表