如何在 JavaScript 中清空一个数组

Kirill Ibrahim 2023年1月30日 2020年11月7日
  1. JavaScript 将数组设置为大小为零的新数组
  2. 在 JavaScript 中使用 length 属性清空一个数组
  3. 在 JavaScript 中使用 splice() 方法清空一个数组
  4. 在 JavaScript 中使用 pop() 方法清空一个数组
如何在 JavaScript 中清空一个数组

数组是存储在一个方便的、有索引的集合中的元素集合。如果我们想清空一个包含乘法项的数组怎么办?

本教程介绍了如何在 JavaScript 中清空数组的不同方法。

JavaScript 将数组设置为大小为零的新数组

这是最快的方法。这将把数组设置为一个新的空数组。

let Arr = [1,2,3,4];
Arr = [];

如果你没有任何其他地方对原数组的引用,这是很直接的。如果你这样做,这些引用不会被更新,这些地方将继续使用旧数组。这意味着对以前的数组内容的引用仍然保留在内存中,导致内存泄漏。

只有当你用原来的变量 Arr 来引用数组时,才可以使用这个方法。

下面的代码示例显示了使用该方法时可能遇到的问题。

let Arr1 = [1,2,3,4,5,6];
let Arr2 = Arr1;
Arr1 = [];
console.log({Arr1, Arr2});

输出:

{
  Arr1: [],
  Arr2: [1, 2, 3, 4, 5, 6]
}

在 JavaScript 中使用 length 属性清空一个数组

它通过将现有数组的长度设置为 0 来清除现有数组,数组的长度属性是一个读/写属性,所以在 ECMAScript 5 中使用严格模式时也可以使用。

Arr1.length = 0

这种方式有一个优点,因为它删除了数组中的所有内容,这确实会影响其他引用。如果我们有两个对同一个数组的引用,我们使用 Arr1.length = 0 删除数组的内容,现在两个引用都将指向同一个空数组。

例子:Arr1.length = 0

let foo1 = [1,2,3];
let bar1 = [1,2,3];
let foo2 = foo1;
let bar2 = bar1;
foo1 = [];
bar1.length = 0;
console.log({foo1, bar1, foo2, bar2}); 

输出:

{
  bar1: [],
  bar2: [circular object Array],
  foo1: [],
  foo2: [1, 2, 3]
}

在 JavaScript 中使用 splice() 方法清空一个数组

array.splice() 方法是 JavaScript 中的一个内置方法,用于在数组中添加/删除项目,并返回删除的项目。

let Arr1 = ["Tomato", "Letcuce", "Spinash", "Cucumber"];
Arr1.splice(2, 0, "Lemon", "Kiwi")
console.log(Arr1);

输出:

["Tomato", "Letcuce", "Lemon", "Kiwi", "Spinash", "Cucumber"]

清空数组:

Arr1.splice(0, Arr1.length);
console.log(Arr1);

输出:

[]

它从数组中删除所有元素,并将清理原始数组。

在 JavaScript 中使用 pop() 方法清空一个数组

pop() 方法从一个数组中删除最后一个元素,并返回该元素。并且会改变数组的长度。

let vegetables = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(vegetables.pop()); 

console.log(vegetables); 

输出:

tomato
(4) ["broccoli", "cauliflower", "cabbage", "kale"]

我们在数组上循环,每循环一次就弹出一个数组元素,最后得到一个空数组。

let Arr1 = [1, 2, 3, 4, 5];
for (let i = Arr1.length; i > 0; i--) {
  Arr1.pop();
}
console.log(Arr1); 

输出:

[]

该解决方案不是很简洁,它也是最慢的解决方案。

相关文章 - JavaScript Array