极客笔记JavaScript – 数组长度属性
在 JavaScript 中，数组是一种用于存储数据的特殊对象。数组对象中有一个重要的属性叫做 length，它代表数组中元素的个数。本文将介绍数组长度属性的基础用法及其常见应用场景。
基础用法
在 JavaScript 中，可以通过以下方式获取数组长度：
// 创建一个数组
const arr = [1, 2, 3, 4, 5];
// 获取数组长度
const length = arr.length; // 5
可以看到，使用 length 属性获取数组长度非常简单，只需要在数组后面加上 .length 即可。
值得注意的是，length 属性的值是一个整数，与数组中实际的元素个数有关。当数组中有一个元素被删除时，length 属性的值也会随之改变。
// 创建一个数组
const arr = [1, 2, 3, 4, 5];
// 删除一个元素
delete arr[2];
// 获取数组长度
const length = arr.length; // 5 - 1 = 4
可以看到，删除一个元素后，数组仍然占据了相同的空间，但是数组的长度却被修改了。这是因为删除元素只是将元素的值设置为 undefined，并没有真正地将该元素从数组中移除。
常见应用场景
1. 遍历数组
length 属性非常适合用于遍历数组。通过 length 属性可以轻松地获取数组长度，从而确定需要遍历的次数。
// 创建一个数组
const arr = [1, 2, 3, 4, 5];
// 遍历数组
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
上面的代码中，通过 for 循环遍历数组，循环次数即为数组的长度。通过 arr[i] 可以获取每个元素的值，从而进行相关操作。
2. 追加元素
length 属性还可以用来追加元素。在 JavaScript 中，可以使用下标直接设置数组元素的值。当设置的下标超过了数组的长度时，数组会自动扩展，从而追加新的元素。
// 创建一个数组
const arr = [1, 2, 3];
// 直接设置数组元素的值
arr[6] = 7;
// 获取数组长度
const length = arr.length; // 7
// 遍历数组
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
在上述代码中，设置了 arr[6] = 7 后，数组的长度自动从原来的 3 扩展到了 7。此时，数组中从下标 3 到下标 5 的值都是 undefined。
3. 截取数组
slice 方法常常和 length 属性一起使用。通过 slice 方法可以截取数组的一部分，获取其中的元素。
// 创建一个数组
const arr = [1, 2, 3, 4, 5];
// 截取数组
const newArr = arr.slice(1, 3); // [2, 3]
// 获取数组长度
const length = newArr.length; // 2
在上面的代码中，使用 slice 方法截取了数组从下标 1 到下标 3（不包括下标 3）的一部分，获取了其中的元素 [2, 3]。
结论
在 JavaScript 中，length 属性是数组的一个重要属性。它可以用于获取数组的长度，以及作为数组扩展的判断条件。使用 length 属性，可以方便地实现数组的遍历、元素追加和截取等常见操作。在实际开发中，掌握 length 属性的基础用法和常见应用场景，可以帮助开发者更加轻松地操作数组，提高开发效率。