JavaScript Array length用法及代码示例

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

// find the length of the city array
let len = city.length;
console.log(len);

// Output: 4

长度语法

访问 length 属性的语法是：

arr.length

这里，arr 是一个数组。

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

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

var randomList = ["JavaScript", 44];
console.log(randomList.length); // Output: 2

var emptyArray = [];
console.log(emptyArray.length); // Output: 0

输出

4
2
0

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

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

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

// languages.length can be used to find out 
// the number of times to loop over an array
for (i = 0; i < languages.length; i++){
    console.log(languages[i]);
}

输出

JavaScript
Python
C++
Java
Lua

您还可以使用赋值运算符 = 重新分配 Array 的 length 属性。

分配数组长度的语法：

array.length = <Integer>

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

示例 3：更改数组的长度属性

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

// truncate the Array to 3 elements
languages.length = 3

// Output: [ 'JavaScript', 'Python', 'C++' ]
console.log(languages)

// extend the Array to length 6
languages.length = 6

// Output: [ 'JavaScript', 'Python', 'C++', <3 empty items> ]
console.log(languages)

输出

[ 'JavaScript', 'Python', 'C++' ]
[ 'JavaScript', 'Python', 'C++', <3 empty item> ]

在这里，我们首先截断了Array作为3(赋值)小于4(原版的Array长度)。

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