有没有办法清空数组,如果可能的话 .remove()
?
例如,
A = [1,2,3,4];
我怎么能清空它?
有没有办法清空数组,如果可能的话 .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']
A.length = 0
这将通过将其长度设置为0来清除现有数组。有些人认为这可能不适用于JavaScript的所有实现,但事实证明并非如此。它在ECMAScript 5中使用“严格模式”时也有效,因为数组的length属性是读/写属性。
A.splice(0,A.length)
运用 .splice()
将完美,但自从 .splice()
函数将返回一个包含所有已删除项的数组,它实际上将返回原始数组的副本。基准测试表明,这对绩效没有任何影响。
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 地图 定义 clear()
所以这似乎合乎逻辑 clear()
对于 排列 太。
或者作为一个 Underscore.js mixin:
_.mixin({
clearArray: function(array) {
while (array.length) {
array.pop();
}
}
});
或者一个简单的功能:
function clearArray(array) {
while (array.length) {
array.pop();
}
}
打字稿 版:
function clearArray<T>(array: T[]) {
while (array.length) {
array.pop();
}
}
仅供参考,它无法简化为 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
更加跨浏览器友好和更优化的解决方案将是使用 splice
清空数组A内容的方法如下:
A.splice(0, A.length);
到目前为止2739投票的答案都是误导和错误的。
问题是:“你如何清空你现有的阵列?”例如。对于 A = [1,2,3,4]
。
说“A = []
答案是“无知而且绝对不正确。 [] == []
是 假。
这是因为这两个数组是两个独立的,单独的对象,具有自己的两个身份,在数字世界中占据了自己的空间,每个都独立存在。
假设您的母亲要求您清空垃圾桶。
A = [1,2,3,4]; A = [];
清空数组对象是最简单的事情:
A.length = 0;
这样,“A”下的can不仅是空的,而且还像新的一样干净!
此外,在罐子空了之前,您不需要用手取出垃圾!您被要求在一个回合中完全清空现有的一个,而不是在罐子变空之前拿起垃圾,如:
while(A.length > 0) {
A.pop();
}
也不是,将你的左手放在垃圾桶的底部,将你的右手握在顶部,以便能够将其内容拉出,如下所示:
A.splice(0, A.length);
不,你被要求清空它:
A.length = 0;
这是唯一正确清空给定JavaScript数组内容的代码。
性能测试:
http://jsperf.com/array-clear-methods/3
a = []; // 37% slower
a.length = 0; // 89% slower
a.splice(0, a.length) // 97% slower
while (a.length > 0) {
a.pop();
} // Fastest
您可以将其添加到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),我倾向于同意。请谨慎决定如何处理此问题。
Array.prototype.clear = function() {
this.length = 0;
};
并称之为: array.clear();
关于while; pop / shift表现在答案和评论中存在很多混乱和错误信息。 while / pop解决方案(正如预期的那样) 表现最差。实际发生的情况是,对于在循环中运行代码段的每个样本,安装程序只运行一次。例如:
var arr = [];
for (var i = 0; i < 100; i++) {
arr.push(Math.random());
}
for (var j = 0; j < 1000; j++) {
while (arr.length > 0) {
arr.pop(); // this executes 100 times, not 100000
}
}
我创建了一个正常工作的新测试:
http://jsperf.com/empty-javascript-array-redux
警告: 即使在这个版本的测试中,你实际上也看不到真正的区别,因为克隆数组会占用大部分测试时间。它仍然表明了这一点 splice
是清除阵列的最快方法(不采取 []
考虑因为虽然它是最快的,但实际上并没有清除现有的数组。
如果您对内存分配感兴趣,可以使用类似的方法比较每种方法 这个jsfiddle 与chrome dev工具的时间线选项卡配合使用。您将需要使用底部的垃圾箱图标在“清除”阵列后强制进行垃圾回收。这应该为您选择的浏览器提供更明确的答案。这里的很多答案都很陈旧,我不会依赖它们,而是像@ 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管理字符串的方式与其他基本类型不同,更不用说对象数组了。类型可能会影响发生的事情。