如何在JavaScript中清空数组?

有没有一种方法能够清空数组,若是能够的话,可使用.remove()吗? 数组

例如, jsp

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

我该如何清空? 函数


#1楼

清除现有数组A性能

方法1 测试

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

A = [];

此代码会将变量A设置为新的空数组。 若是您在其余任何地方都没有引用原始数组A则这是完美的选择,由于这实际上会建立一个全新的(空)数组。 您应谨慎使用此方法,由于若是您从另外一个变量或属性引用了此数组,则原始数组将保持不变。 仅当仅经过其原始变量A引用该数组时,才使用它。 spa

这也是最快的解决方案。 prototype

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

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 (由Anthony 建议

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)。


这一直是一个热门话题,而且引发了不少争议。 实际上有许多正确答案,而且因为很长一段时间以来该答案都已被标记为可接受答案,所以我将在此处介绍全部方法。 若是您对此答案投同意票,请同时投票同意我引用的其余答案。


#2楼

若是您须要保留原始数组,由于还有其余引用也须要更新,则能够经过将其长度设置为零来清除它而无需建立新数组:

A.length = 0;

#3楼

您能够将其添加到JavaScript文件中,以“清除”数组:

Array.prototype.clear = function() {
    this.splice(0, this.length);
};

而后,您能够像这样使用它:

var list = [1, 2, 3];
list.clear();

或者,若是您想确保本身不破坏某些东西:

if (!Array.prototype.clear) {
    Array.prototype.clear = function() {
       this.splice(0, this.length);
    };
}

不少人认为您不该该修改本机对象(例如Array),我倾向于赞成。 请谨慎决定如何处理此问题。


#4楼

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

并称之为: array.clear();


#5楼

这里是最快的实现,同时保留了相同的数组 (“可变”):

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

仅供参考,它不能简化为while (array.pop()) :测试将失败。

FYI MapSet定义clear() ,对于Array也具备clear()彷佛是合乎逻辑的。

TypeScript版本:

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

相应的测试:

describe('clearArray()', () => {
  test('clear regular array', () => {
    const array = [1, 2, 3, 4, 5];
    clearArray(array);
    expect(array.length).toEqual(0);
    expect(array[0]).toEqual(undefined);
    expect(array[4]).toEqual(undefined);
  });

  test('clear array that contains undefined and null', () => {
    const array = [1, undefined, 3, null, 5];
    clearArray(array);
    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

相关文章
相关标签/搜索