Vue JS 如何根据数组值删除对象

Question

我有一个对象数组，例如：types: [{ id: 1, name: "Hello"},{ id: 2, name: "World"},{ id: 3, name: "Jon Doe"}]我也有一个像这样的简单数组：selected_types = [1, 2]所需的结果应该过滤“types”数组并排除“selected_types”数组中存在的所有id ，如下所示：final_types: [{ id: 3, name: "Jon Doe"}]我完全不知道如何实现这一点，但以下是我的尝试：   this.types.filter(obj => {        for (let i = 0; i < this.selected_types.length; i++) {          if (obj.id !== selected_types[i]) {            final_types.push(attribute);          }        }      });

Answer 1

只需使用this.types.filter(({id}) => !this.selected_types.includes(id))：

let types = [{

    id: 1,

    name: "Hello"

  },

  {

    id: 2,

    name: "World"

  },

  {

    id: 3,

    name: "Jon Doe"

  }

]

let selected_types = [1, 2];

let resArr = types.filter(({id}) => !selected_types.includes(id));

console.log(resArr);