JavaScript 数组定义方法与 length 属性详解
在 JavaScript 编程中,数组是最常用的数据结构之一。了解如何正确创建数组以及掌握 length 属性的行为逻辑,是避免常见 Bug 的基础。
数组的定义方法
在 JavaScript 中,创建数组主要有两种方式:使用构造函数和使用字面量。
第1步:使用 Array 构造函数
可以通过 new Array() 来初始化数组,具体有三种常见用法:
- 无参构造:
var a = new Array();
创建一个空数组。 - 传入单个数字参数:
var b = new Array(8);
注意:当只传入一个数字时,它表示数组的初始长度(预分配内存空间),而不是数组包含的元素。此时数组包含 8 个空槽(empty slots)。 - 传入多个元素:
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 基础语法的资料请关注本站其它相关文章!
本站声明
本文内容仅供参考,不代表本站观点。转载或引用请注明出处。如发现内容问题,请通过联系我们页面反馈。













