JavaScript 数组 length 属性

length 属性返回或设置数组中元素的数量。

示例

let city = ["California", "Barcelona", "Paris", "Kathmandu"];

// 查找 city 数组的长度
let len = city.length;
console.log(len);

// 输出：4

length 语法

访问 length 属性的语法是：

arr.length;

这里，arr 是一个数组。

示例 1：查找数组中元素的数量

var companyList = ["Apple", "Google", "Facebook", "Amazon"];
console.log(companyList.length); // 输出：4

var randomList = ["JavaScript", 44];
console.log(randomList.length); // 输出：2

var emptyArray = [];
console.log(emptyArray.length); // 输出：0

输出

4
2
0

在这里，我们可以看到 length 属性返回每个数组中的项目数量。它返回大于 数组 中最高索引的整数。

示例 2：在 for 循环中使用数组 length

var languages = ["JavaScript", "Python", "C++", "Java", "Lua"];

// 使用 languages.length 来确定遍历数组的次数
for (i = 0; i < languages.length; i++) {
  console.log(languages[i]);
}

输出

JavaScript
Python
C++
Java
Lua

你还可以使用赋值操作符 = 重新分配 数组 的 length 属性。

分配数组长度的语法：

array.length = <整数>

这可以用于截断或扩展给定数组。

示例 3：更改数组的 length 属性

var languages = ["JavaScript", "Python", "C++", "Java", "Lua"];

// 将数组截断为3个元素
languages.length = 3;

// 输出：[ 'JavaScript', 'Python', 'C++' ]
console.log(languages);

// 将数组长度扩展为6
languages.length = 6;

// 输出：[ 'JavaScript', 'Python', 'C++', <3 empty items> ]
console.log(languages);

输出

[ 'JavaScript', 'Python', 'C++' ]
[ 'JavaScript', 'Python', 'C++', <3 个空项> ]

在这里，我们首先将数组的长度截断为 3（分配的值小于原始数组长度 4）。

如果分配的值大于原始数组长度，空项会被附加到数组的末尾。我们可以在第二个示例中看到这种情况发生。