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 長度，則將空項附加到數組的末尾。我們可以在第二個示例中看到這種情況。