JavaScript - Array length 属性

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>

输出

示例 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>

输出

示例 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,,

打印本页