如何使用一行代码javascript从另一个数组中删除数组列表

Question

angular我在products和中有两个数组productsGreen。其中 product 包含所有产品，而 productsGreen 只有成功产品。

当uncheck green checkbox我想productsGreen从products. 我已经看到很多答案，他们正在使用循环并编写多行代码。

是否可以在一行代码中完成，例如products.remove(productsGreen).

这是我的阵列products

{

    "color": "green",

    "loc": "L1"

},

{

    "color": "green",

    "loc": "L2"

},

{

    "color": "red",

    "loc": "L5"

},

{

    "color": "red",

    "loc": "L6"

},

这是我的阵列productsGreen

{

    "color": "green",

    "loc": "L1"

},

{

    "color": "green",

    "loc": "L2"

},

我需要输出

{

    "color": "red",

    "loc": "L5"

},

{

    "color": "red",

    "loc": "L6"

},

编辑 1：

这是我的代码

OnChangeGreen($event)

{

if(this.CheckboxGreen==true)

{

  this.CheckboxGreen=false;

  this.chartData.pop(this.mapDatagreen)  

  this.mapImageSeries.data=this.chartData;

  this.chartData.validateData();

}

}

Answer 1

您可以按属性过滤对象数组。基本思路：var data = [{    "color": "green",    "loc": "L1"  },  {    "color": "green",    "loc": "L2"  },  {    "color": "red",    "loc": "L5"  },  {    "color": "red",    "loc": "L6"  }];const selectItems = filters =>  data.filter(item => filters.includes(item.color))console.log("red", selectItems(["red"]));console.log("green", selectItems(["green"]));console.log("red green", selectItems(["red", "green"]));console.log("blue", selectItems(["blue"]));