How do I empty an array in JavaScript?

在JavaScript中清空数组可以有多种方法，每种方法可能适用于不同的场景。我将介绍几种常见的方法并举例说明。

方法1：设置数组长度为0

这是最简单也是最快的方法。通过直接设置数组的length属性为0，可以立即清空数组。

javascript
let arr = [1, 2, 3, 4, 5];
arr.length = 0;
console.log(arr); // 输出 []

方法2：使用Array.splice()

使用splice()方法可以更改数组的内容，包括删除或替换现有元素，或者添加新元素。要清空数组，可以从第0个元素开始删除数组的所有元素。

javascript
let arr = [1, 2, 3, 4, 5];
arr.splice(0, arr.length);
console.log(arr); // 输出 []

方法3：赋值一个新数组

直接将数组赋值为一个新的空数组，这样原数组的引用将丢失，数组内容清空。

javascript
let arr = [1, 2, 3, 4, 5];
arr = [];
console.log(arr); // 输出 []

方法4：使用Array.pop()

虽然不是非常高效，但可以使用循环结合pop()方法来清空数组。pop()方法会移除数组的最后一个元素并返回该元素。

javascript
let arr = [1, 2, 3, 4, 5];
while(arr.length > 0) {
    arr.pop();
}
console.log(arr); // 输出 []

选择哪种方法？

• 如果需要快速清空数组并且不关心引用的问题，设置length = 0是最好的方法。
• 如果数组被多个变量引用，而且你想所有引用都指向一个空的数组，使用splice()或循环pop()方法。
• 如果仅仅想丢弃旧数组并创建一个新的，可以直接赋值[]。

这些方法覆盖了多种可能的场景，可以根据具体需求和上下文选择最合适的方法。