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 = [{&nbsp; &nbsp; id: 1,&nbsp; &nbsp; name: "Hello"&nbsp; },&nbsp; {&nbsp; &nbsp; id: 2,&nbsp; &nbsp; name: "World"&nbsp; },&nbsp; {&nbsp; &nbsp; id: 3,&nbsp; &nbsp; name: "Jon Doe"&nbsp; }]let selected_types = [1, 2];let resArr = types.filter(({id}) => !selected_types.includes(id));console.log(resArr);