vuejs如何删除数组中的指定数据

vuejs如何删除数组中的指定数据，下面web建站小编给大家简单介绍一下！

删除普通数组

let arr = ['中国','美国','法国','英国','德国'];

方法一

let index = arr.indexOf('法国');
arr.splice(index, 1)
console.log('输出结果：', arr)

//输出结果： (4) ['中国', '美国', '英国', '德国']

方法二

let index = arr .findIndex(item => {
  if (item == '美国') {
    return true
  }
})
arr.splice(index, 1)
console.log('输出结果：', arr)
//输出结果： (4) ['中国', '法国', '英国', '德国']

删除数组对象

let arr = [
  {
    id:1,
    name:'张三'
  },
  {
    id:2,
    name:'李四'
  },
  {
    id:3,
    name:'王二'
  },
  {
    id:4,
    name:'麻子'
  },
];
let obj = arr.findIndex(item => {
  if (item.id == '3') {
    return true
  }
})
arr.splice(obj, 1)
console.log('输出结果：', arr)
//输出结果： (3) [{…}, {…}, {…}]0: {id: 1, name: '张三'}1: {id: 2, name: '李四'}2: {id: 4, name: '麻子'}length: 3[[Prototype]]: Array(0)