如何在 JavaScript 中清空数组?

2022-08-29 21:52:06

有没有办法清空数组,如果可以的话,可以用?.remove()

例如

A = [1,2,3,4];

我该如何清空它?


答案 1

清除现有阵列的方法:A

方法 1

(这是我对这个问题的原始答案)

A = [];

此代码会将变量设置为新的空数组。如果您没有其他任何地方对原始数组 A 的引用,这是完美的,因为这实际上会创建一个全新的(空)数组。使用此方法时应小心,因为如果从其他变量或属性引用此数组,则原始数组将保持不变。仅当仅通过数组的原始变量引用数组时,才使用此选项。AA

这也是最快的解决方案。

此代码示例演示使用此方法时可能遇到的问题:

var arr1 = ['a','b','c','d','e','f'];
var arr2 = arr1;  // Reference arr1 by another variable 
arr1 = [];
console.log(arr2); // Output ['a','b','c','d','e','f']

方法2(如Matthew Crumley所建议的那样))

A.length = 0

这将通过将现有数组的长度设置为 0 来清除现有数组。有些人认为这可能不适用于JavaScript的所有实现,但事实证明事实并非如此。在 ECMAScript 5 中使用“严格模式”时,它也有效,因为数组的 length 属性是读/写属性。

方法3(如安东尼建议的那样)

A.splice(0,A.length)

using 将完美地工作,但由于该函数将返回一个包含所有已删除项的数组,因此它实际上将返回原始数组的副本。基准测试表明,这对性能没有任何影响。.splice().splice()

方法 4(如 tanguy_k)

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

此解决方案不是很简洁,也是最慢的解决方案,与原始答案中引用的早期基准相反。

性能

在清除现有数组的所有方法中,方法 2 和 3 在性能上非常相似,并且比方法 4 快得多。请参阅此基准测试

正如Diadistis在下面的回答中指出的那样,用于确定上述四种方法性能的原始基准测试是有缺陷的。原始基准测试重用已清除的数组,因此第二次迭代是清除已为空的数组。

以下基准测试修复了此缺陷:http://jsben.ch/#/hyj65。它清楚地表明方法#2(长度属性)和#3(拼接)是最快的(不包括不改变原始数组的方法#1)。


这一直是一个热门话题,也是引起很多争议的原因。实际上有很多正确的答案,并且由于此答案已被标记为可接受的答案很长一段时间,因此我将在此处包含所有方法。


答案 2

如果需要保留原始数组,因为您还有其他对它的引用也应该更新,则可以通过将数组的长度设置为零来清除它,而无需创建新数组:

A.length = 0;