Vue中清空数组的几种方式及用法指南

Vue中清空数组的几种方式

在Vue中，清空数组的几种方式有：

• 使用splice()方法
• 使用pop()方法
• 使用shift()方法
• 使用length属性
• 使用fill()方法
• 使用filter()方法
• 直接赋值为空数组

使用splice()方法

splice()方法可以用来删除指定范围内的元素，也可以用来清空数组。

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

使用pop()方法

pop()方法可以用来删除数组的一个元素，也可以用来清空数组。

let arr = [1,2,3,4,5]
while(arr.length > 0) {
  arr.pop()
}
// arr = []

使用shift()方法

shift()方法可以用来删除数组的第一个元素，也可以用来清空数组。

let arr = [1,2,3,4,5]
while(arr.length > 0) {
  arr.shift()
}
// arr = []

使用length属性

length属性可以用来设置数组的长度，当设置为0时，可以清空数组。

let arr = [1,2,3,4,5]
arr.length = 0
// arr = []

使用fill()方法

fill()方法可以用来填充数组，也可以用来清空数组。

let arr = [1,2,3,4,5]
arr.fill(0)
// arr = [0,0,0,0,0]

使用filter()方法

filter()方法可以用来过滤数组中不符合条件的元素，也可以用来清空数组。

let arr = [1,2,3,4,5]
arr = arr.filter(item => false)
// arr = []

直接赋值为空数组

也可以直接将数组赋值为空数组，这种方式最简单，但是要注意的是，如果数组是引用类型，赋值后原数组的内容也会改变。

let arr = [1,2,3,4,5]
arr = []
// arr = []