vue怎么删除数组

如何在 Vue 中删除数组

要在 Vue 中删除数组，可以使用以下步骤：

1. 使用 Splice 方法

Array.splice(startIndex, deleteCount) 方法可从数组中删除指定数量的元素。

立即学习“前端免费学习笔记（深入）”；

let myArray = ['a', 'b', 'c', 'd'];myArray.splice(1, 1);// myArray 为 ['a', 'c', 'd']

2. 使用 Array.prototype.filter() 方法

Array.prototype.filter() 方法可返回一个新数组，其中包含满足条件的所有元素。要删除数组中的元素，可以使用该方法返回一个不包含要删除元素的新数组。

let myArray = ['a', 'b', 'c', 'd'];myArray = myArray.filter(item => item !== 'b');// myArray 为 ['a', 'c', 'd']

3. 使用 Array.prototype.findIndex() 和 Array.prototype.slice() 方法

Array.prototype.findIndex() 方法可返回数组中第一个满足条件的元素的索引。Array.prototype.slice() 方法可创建一个数组的副本，从指定索引开始或到指定索引结束。将这两个方法结合起来，可以删除数组中的元素。

let myArray = ['a', 'b', 'c', 'd'];const index = myArray.findIndex(item => item === 'b');myArray = myArray.slice(0, index).concat(myArray.slice(index + 1));// myArray 为 ['a', 'c', 'd']