清空一个数组的方式有哪些？它们有什么区别？

在前端开发中，清空 JavaScript 数组有多种方式，它们在性能和副作用方面略有不同：

1. 将数组长度设置为 0:

array.length = 0;

这是最常见也是最有效率的方法。它直接修改了原数组，将其清空。

• 优点: 最快，直接修改原数组。
• 缺点: 如果数组被其他变量引用，这些变量也会受到影响。

2. 使用 splice() 方法:

array.splice(0, array.length);

splice() 方法可以删除数组中的元素。通过传入 0 作为起始索引和 array.length 作为删除的元素个数，可以有效清空数组。

• 优点: 清晰易懂，也直接修改原数组。
• 缺点: 比 length = 0 稍慢，因为它涉及到创建新数组和复制元素（虽然是空数组）。

3. 赋值一个空数组:

array = [];

这种方法会创建一个新的空数组并将其赋值给变量 array。原始数组如果还有其他引用，则不会被清空，只是变量 array 不再指向它。

• 优点: 简单易懂。
• 缺点: 不会清空原始数组，只是改变了变量的指向。如果其他地方仍然引用着原始数组，那么原始数组并不会被清空，这可能会导致内存泄漏或其他问题。 因此，这种方法通常不推荐用于清空数组，除非你明确希望创建一个新的空数组并断开与原数组的连接。

4. 使用 while 循环弹出元素:

while (array.length > 0) {
  array.pop();
}

该方法使用 pop() 方法从数组末尾逐个移除元素，直到数组为空。

• 优点: 易于理解。
• 缺点: 效率最低，尤其对于大型数组，因为它需要反复修改数组。

5. 使用 filter() 方法 (不推荐用于清空):

array = array.filter(() => false);

filter() 方法创建一个新数组，其中包含满足条件的元素。通过传入一个始终返回 false 的回调函数，可以创建一个空数组。

• 优点: 函数式编程风格。
• 缺点: 效率低，创建新数组，不修改原数组，与直接赋值空数组类似，容易造成误解，不建议用于清空数组。

总结:

对于大多数情况，array.length = 0 是清空数组的首选方法，因为它简洁高效。 如果需要保留原始数组并且创建一个新的空数组，则应该使用 array = []。 其他方法效率较低，通常不推荐使用。

选择哪种方法取决于你的具体需求:

• 如果你需要清空原始数组并且确保所有引用都指向空数组，使用 array.length = 0 或 array.splice(0, array.length)。
• 如果你需要创建一个新的空数组并且断开与原始数组的连接，使用 array = []。
• 避免使用 while 循环和 filter() 方法来清空数组，因为它们效率较低。