js利用数组length属性清空和截短数组的小例子

在JavaScript中，数组是一种非常重要的数据结构，用于存储和操作一系列元素。在处理数组时，有时我们需要清空或截短数组。本文将详细介绍如何利用数组的`length`属性来实现这两个功能。 我们来看如何**使用`length`属性清空数组**。在JavaScript中，数组的`length`属性不仅用于获取数组的元素个数，还可以用来设置数组的长度。当你将`length`属性设置为0时，数组的所有元素都会被删除，但数组本身不会消失。下面是一个示例： ```javascript var arr1 = ['aaa', 'bbbb', '//www.jb51.net']; console.log(arr1); // 输出: ['aaa', 'bbbb', '//www.jb51.net'] arr1.length = 0; console.log(arr1); // 输出: [] ``` 在上面的例子中，`arr1.length = 0;`这行代码将`arr1`的长度设置为0，导致数组内的所有元素被移除，但数组对象仍然存在。所以，当再次打印`arr1`时，输出为空数组`[]`。 接下来，我们讨论如何**使用`length`属性截短数组**。当你将`length`属性设置为一个小于当前数组长度的值时，数组的尾部元素会被自动删除，从而达到截短数组的效果。以下是一个实例： ```javascript var arr1 = ['aaa', 'bbbb', 'c', 'd', 'e']; console.log(arr1); // 输出: ['aaa', 'bbbb', 'c', 'd', 'e'] arr1.length = 3; console.log(arr1); // 输出: ['aaa', 'bbbb', 'c'] ``` 在这个例子中，`arr1.length = 3;`使得`arr1`的长度变为3，因此数组中的第4个和第5个元素（'d'和'e'）被删除，最终数组仅包含前3个元素：'aaa', 'bbbb', 和 'c'。 需要注意的是，这种方法不同于使用`splice()`方法来删除数组元素，`splice()`会返回被删除的元素，而改变`length`属性则不会返回任何值。此外，改变`length`属性也不会触发数组的`splice`事件，因此与监听数组变化的机制（如`Array.observe`或`Object.observe`，尽管在现代浏览器中已被废弃）不兼容。 总结来说，JavaScript中利用数组的`length`属性清空和截短数组是一种简单且高效的方法。清空数组只需将`length`设为0，而截短数组则将其设置为小于当前长度的新值。这种方式不会改变数组引用，只影响其内部的元素。在处理大量数据或需要快速调整数组大小的场景下，这种技术尤为实用。