协慌网

登录 贡献 社区

如何在 JavaScript 中清空数组?

有没有办法清空一个数组,如果可能的话,使用.remove()

例如,

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

我怎么能清空它?

答案

清除现有阵列的方法A

方法 1

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

A = [];

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

这也是最快的解决方案。

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

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)

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

方法 4 (由tanguy_k 建议

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

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

性能

在清除现有阵列的所有方法中,方法 2 和 3 在性能上非常相似,并且比方法 4 快得多。参见此基准

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

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


这一直是一个热门话题和争议的原因。实际上有很多正确的答案,并且由于这个答案在很长一段时间内已被标记为已接受的答案,因此我将在此处包含所有方法。如果您投票赞成此答案,请同时提及我所引用的其他答案。

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

A.length = 0;

这是 保持相同数组 (“可变”) 的最快工作实现

Array.prototype.clear = function() {
  while (this.length) {
    this.pop();
  }
};

FYI Map定义了clear()所以对于Array也有clear()似乎是合乎逻辑的。

或者作为Underscore.js mixin

_.mixin({
  clearArray: function(array) {
    while (array.length) {
      array.pop();
    }
  }
});

或者一个简单的功能:

function clearArray(array) {
  while (array.length) {
    array.pop();
  }
}

TypeScript版本:

function clearArray<T>(array: T[]) {
  while (array.length) {
    array.pop();
  }
}

FYI 它不能简化为while (array.pop()) :测试将失败。

以及随之而来的测试:

describe('Array', () => {
  it('should clear the array', () => {
    let array = [1, 2, 3, 4, 5];
    array.clear();
    expect(array.length).toEqual(0);
    expect(array[0]).toEqual(undefined);
    expect(array[4]).toEqual(undefined);

    // Even with undefined or null inside
    array = [1, undefined, 3, null, 5];
    array.clear();
    expect(array.length).toEqual(0);
    expect(array[0]).toEqual(undefined);
    expect(array[4]).toEqual(undefined);
  });
});

这里更新的 jsPerf: http //jsperf.com/array-destroy/32 http://jsperf.com/array-destroy/152