JavaScript Array.length 属性用于返回数组中存在的元素数。例如,如果数组包含四个元素,则 length 属性将返回 4。length 属性的返回值始终是小于 232 的非负整数。
以下是我们可以使用 Array.length 属性的一些场景 -
- 检查数组中存在的元素数。
- 检查数组是否为空。
- 我们可以使用此属性从数组的末尾删除元素。
- 我们可以通过设置新的长度来调整数组的大小。
语法
以下是 JavaScript Array.length 属性的语法,用于返回数组的长度 -
array.length
以下是设置或返回数组中元素数的语法 -
array.length = number
返回值
JavaScript 中数组的 length 属性返回数组中的元素数。
示例 1
在下面的示例中,我们使用 JavaScript Array.length 属性来计算指定数组的长度。
<html>
<body>
<p id="demo"></p>
<script>
const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"]
let result = animals.length;
document.getElementById("demo").innerHTML = result;
</script>
</body>
</html>
输出
5
示例 2
在这里,我们使用 length 属性从提供的数组中返回 3 个元素 -
<html>
<body>
<p id="demo"></p>
<script>
const animals = ["Lion", "Cheetah", "Tiger", "Elephant", "Dinosaur"]
animals.length = 3;
document.getElementById("demo").innerHTML = animals;
</script>
</body>
</html>
输出
Lion,Cheetah,Tiger
示例 3
如果提供的数组中没有元素(空数组),则 length 属性将返回 0 作为输出。
<html>
<body>
<p id="demo"></p>
<script>
const animals = []
let result = animals.length;
document.getElementById("demo").innerHTML = result;
</script>
</body>
</html>
输出
0
示例 4
当 “length” 设置为大于原始长度的值时,数组将通过添加空槽来扩展 -
<!DOCTYPE html>
<html>
<body>
<script>
const arr = [10, 20, 30];
document.write(arr, "<br>");
arr.length = 5;
document.write(arr);
</script>
</body>
</html>
输出
10,20,30
10,20,30,,
10,20,30,,