如何在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

链接地址: http://www.djcxy.com/p/597.html

上一篇: How do I empty an array in JavaScript?

下一篇: Using global variables in a function other than the one that created them