Code
2023-03-09 09:00:07

如何在JavaScript中清空数组？

有没有方法清空数组，如果有可能，可以使用.remove（）？

例如，

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

我怎么才能把它清空？

当前回答

您可以轻松地创建一个函数来实现这一点，更改长度，甚至将其作为remove（）函数添加到本机Array中以供重用。

假设您有此阵列：

var arr = [1, 2, 3, 4, 5]; //the array

好的，只需运行以下命令：

arr.length = 0; //change the length

结果是：

[] //result

清空数组的简单方法。。。

也可以使用循环，这不是必须的，但只是另一种方法：

/* could be arr.pop() or arr.splice(0)
don't need to return as main array get changed */

function remove(arr) {
  while(arr.length) {
    arr.shift(); 
  }
}

你也可以考虑一些棘手的方法，例如：

arr.splice(0, arr.length); //[]

因此，如果arr有5项，它将从0拼接5项，这意味着数组中不会保留任何内容。

还有其他方法，例如简单地重新分配数组：

arr = []; //[]

如果您查看Array函数，有很多其他方法可以做到这一点，但最推荐的方法可能是更改长度。

正如我在开头所说的，你也可以原型remove（），因为它是你问题的答案。您可以简单地选择上面的方法之一，并将其原型化为JavaScript中的Array对象，例如：

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

您可以像这样调用它来清空javascript应用程序中的任何数组：

arr.remove(); //[]
2017-05-24 10:28:42

其他回答

您可以将其添加到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），我倾向于同意。在决定如何处理这件事时请谨慎。

2012-12-11 02:58:12

使用Jan最初建议的修改版本：

var originalLength = A.length;
for (var i = originalLength; i > 0; i--) {
     A.pop();
}

Terser公司：

for (let i = A.length; i > 0;A.pop(),i--) {}

或者这里是另一个例子：

while(!A[Symbol.iterator]().next().done)A.shift()
2013-10-01 11:46:42

如果您对内存分配感兴趣，可以使用jsfiddle这样的东西与chrome开发工具的时间线选项卡来比较每种方法。您将希望在“清除”阵列后使用底部的垃圾箱图标强制垃圾收集。这将为您选择的浏览器提供更明确的答案。这里的很多答案都是旧的，我不会依赖它们，而是像上面@tanguy_k的答案那样进行测试。

（有关上述选项卡的介绍，您可以在此处查看）

Stackoverflow迫使我复制jsfiddle，所以这里是：

<html>
<script>
var size = 1000*100
window.onload = function() {
  document.getElementById("quantifier").value = size
}

function scaffold()
{
  console.log("processing Scaffold...");
  a = new Array
}
function start()
{
  size = document.getElementById("quantifier").value
  console.log("Starting... quantifier is " + size);
  console.log("starting test")
  for (i=0; i<size; i++){
    a[i]="something"
  }
  console.log("done...")
}

function tearDown()
{
  console.log("processing teardown");
  a.length=0
}

</script>
<body>
    <span style="color:green;">Quantifier:</span>
    <input id="quantifier" style="color:green;" type="text"></input>
    <button onclick="scaffold()">Scaffold</button>
    <button onclick="start()">Start</button>
    <button onclick="tearDown()">Clean</button>
    <br/>
</body>
</html>

您应该注意，这可能取决于数组元素的类型，因为javascript管理字符串的方式不同于其他基本类型，更不用说对象数组了。类型可能会影响发生的情况。

2013-12-11 23:19:59

您可以轻松地创建一个函数来实现这一点，更改长度，甚至将其作为remove（）函数添加到本机Array中以供重用。

假设您有此阵列：

var arr = [1, 2, 3, 4, 5]; //the array

好的，只需运行以下命令：

arr.length = 0; //change the length

结果是：

[] //result

清空数组的简单方法。。。

也可以使用循环，这不是必须的，但只是另一种方法：

/* could be arr.pop() or arr.splice(0)
don't need to return as main array get changed */

function remove(arr) {
  while(arr.length) {
    arr.shift(); 
  }
}

你也可以考虑一些棘手的方法，例如：

arr.splice(0, arr.length); //[]

因此，如果arr有5项，它将从0拼接5项，这意味着数组中不会保留任何内容。

还有其他方法，例如简单地重新分配数组：

arr = []; //[]

如果您查看Array函数，有很多其他方法可以做到这一点，但最推荐的方法可能是更改长度。

正如我在开头所说的，你也可以原型remove（），因为它是你问题的答案。您可以简单地选择上面的方法之一，并将其原型化为JavaScript中的Array对象，例如：

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

您可以像这样调用它来清空javascript应用程序中的任何数组：

arr.remove(); //[]
2017-05-24 10:28:42

清除现有阵列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来清除现有数组。当在ECMAScript 5中使用“严格模式”时，它也可以工作，因为数组的长度属性是读/写属性。

方法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，它不会改变原始数组）。

这一直是一个热门话题，引起了很多争议。实际上有很多正确的答案，因为这个答案已经被标记为公认答案很长一段时间了，我将在这里包括所有的方法。

2009-08-05 09:10:00

推荐文章

aliyun

最新文章

标签

2025 code 京ICP备15047053号-1