在 JavaScript 中，清空一个数组有不同的方式。其中最常见的方法是将数组的 length 属性设置为 0 或者直接将数组赋值为空数组 []。

虽然这两种方式都能清空一个数组，但它们之间存在一些微妙的差别。在本文中，我们将探讨这些差异，并讨论如何选择正确的方法。

数组的长度

在 JavaScript 中，每个数组都有一个 length 属性，该属性表示数组中元素的数量。当我们将 length 设置为一个比当前长度小的值时，数组将被截断并且多余的元素将被删除。如果我们将 length 设置为一个比当前长度大的值，数组将被扩展并且新的元素将被添加到末尾。

例如：

const arr = [1, 2, 3, 4];

// 截断数组
arr.length = 2; // [1, 2]

// 扩展数组
arr.length = 5; // [1, 2, undefined, undefined, undefined]

清空数组

现在让我们来看看如何清空一个数组。我们可以使用以下两种方法之一：

const arr = [1, 2, 3, 4];

// 方法 1
arr.length = 0;

// 方法 2
arr = [];

两种方法都能清空 arr 数组，但它们之间存在一些差别。

方法1: arr.length = 0

使用 arr.length = 0 清空数组时，实际上我们只是将数组的长度设置为 0，也就是将数组截断到零个元素。这种方式的好处是它可以保留对原始数组的引用，因此如果其他变量引用了该数组，它们仍然能够访问到该数组，并且该数组的 length 属性会被重置为 0。这个特性在一些场景中非常有用，比如缓存数组不需要重新分配内存。

例如：

const arr1 = [1, 2, 3, 4];
const arr2 = arr1;

arr1.length = 0;

console.log(arr1); // []
console.log(arr2); // []

在上面的例子中，我们清空了 arr1 数组，但由于 arr2 引用了 arr1，所以 arr2 也被清空了。

方法2: arr = []

使用 arr = [] 清空数组时，我们实际上重新分配了一个新的空数组，并将其赋值给 arr 变量。这意味着所有引用数组的变量都将失去引用，并且任何与该数组相关的内存都可以被垃圾回收器释放。由于该方法重新分配了一个新的数组，因此它可能会导致性能问题，特别是在处理大型数组时。

例如：

var arr1 = [1, 2, 3, 4];
var arr2 = arr1;

arr1 = [];

console.log(arr1); // []
console.log(arr2); // [1, 2, 3, 4]

在上面的例子中，我们重新分配了一个新的空数组并将其赋值给 arr1，但由于 arr2 引用的是旧数组，因此 arr2 保留了旧值。

结论

总的来说，arr.length = 0 和 arr = [] 都能够清空一个数组，但它们之间存在一些差异。如果你需要保留对原始数组的引用，并且不想重新分配内存，则应该使用 arr.length = 0。如果你不需要保留对原始数组的引用，并且希望

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14030