ES6 中的清空数组技巧-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，经常需要操作数组。有时候，我们需要清空一个数组，以便重新填充数据。在 ES6 中，有一些技巧可以帮助我们更方便地清空数组。

直接赋值为空数组

这是最简单的方法。可以直接将数组赋值为空数组。

let arr = [1, 2, 3, 4];
arr = [];
console.log(arr); // []

这种方法的缺点是：如果数组是通过引用传递，那么原始数组也会被清空。

splice 方法可以用来删除数组中的元素。如果删除的元素数量等于数组长度，那么就相当于清空数组。

let arr = [1, 2, 3, 4];
arr.splice(0, arr.length);
console.log(arr); // []

这种方法的优点是：可以删除数组中的一部分元素。缺点是：需要计算数组长度和起始索引。

pop 方法可以用来删除数组的最后一个元素。如果重复调用 pop 方法，直到数组为空，那么就相当于清空数组。

let arr = [1, 2, 3, 4];
while (arr.length) {
  arr.pop();
}
console.log(arr); // []

这种方法的优点是：可以逐个删除数组中的元素。缺点是：需要使用循环和条件语句。

length 属性可以用来获取或设置数组的长度。如果将数组的长度设置为 0，那么就相当于清空数组。

let arr = [1, 2, 3, 4];
arr.length = 0;
console.log(arr); // []

这种方法的优点是：简单易懂，不需要使用循环和条件语句。缺点是：如果数组是通过引用传递，那么原始数组也会被清空。

以上这些方法都可以用来清空数组。每种方法都有其优点和缺点。在实际开发中，应根据具体情况选择合适的方法。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/657eb12bd2f5e1655d98ad14