Vue中filter使用及根据id删除数组元素方式

unique(arr) { // 根据唯一标识orderId来对数组进行过滤
        console.log(arr);
        const res = new Map();  //定义常量 res,值为一个Map对象实例
        //返回arr数组过滤后的结果，结果为一个数组   过滤条件是，如果res中没有某个键，就设置这个键的值为1
        return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
},

this.list = this.unique(this.list);

del(id){
        //ES6
        //根据id查找元素 findIndex
        //let index = arr.findIndex(function(ele,index,arr){return ele.id==id})
        //函数内如果返回true，就结束遍历并返回当前index;
        //index如果没有找到返回-1
        let index = this.list.findIndex((ele) =>{
          return ele.id === id;
        });
        //假设没有找到
        console.log(index);
        if(index === -1){
          return console.log('删除失败');
        }
        //删除元素
        this.list.splice(index,1);
        console.log(this.list)
}

let newArr=this.list.filter(item=>item.id!==val)

//举例
//定义一个数组，有3条数据
 list = [
  {
    id: 1,
    name: '吃饭',
    done: true
  },
  {
    id: 2,
    name: '睡觉',
    done: false
  },
  {
    id: 3,
    name: '打豆豆',
    done: false
  }
]
//删除id为2的数组项，得到新的数组
let newArr = this.list.filter(item=>item.id!==2);  //[{id: 1,name: '吃饭',done: true},{id: 3,name: '打豆豆',done: false}]