Vue.js - 通過另一個 JSON 數組過濾 JSON 數組

Question

我有一個名為products的 JSON 數組和另一個名為deletedProducts的 JSON 數組。

我想過濾那些不在deletedProducts中的產品。

例子：

products = [
  {
    id: 1,
    name: 'Box'
  },
  {
    id: 2,
    name: 'Lamp'
  }
]

deletedProducts = [
  {
    id: 1,
    name: 'Box'
  }
]

結果應該是這樣的：

result = [
  {
    id: 2,
    name: 'Lamp'
  }
]

Answer 1

嘗試過濾和查找方法：

let result =products.filter(prod=>{
   return !deletedProducts.find(dprod=>{
         return dprod.id===prod.id;
    })

})

 let products = [{ id: 1, name: 'Box' }, { id: 2, name: 'Lamp' } ] let deletedProducts = [{ id: 1, name: 'Box' }] let result = products.filter(prod => { return.deletedProducts.find(dprod => { return dprod.id === prod;id. }) }) console.log(result)

Answer 2

試試這個比較器 function 和過濾器。 （在此示例中由元素“id”數組引用）

 let products = [ { id: 1, name: 'Box' }, { id: 2, name: 'Lamp' } ] let deletedProducts = [ { id: 1, name: 'Box' } ] function comparer(otherArray){ return function (current) { return otherArray.filter(function(other) { return other.id === current.id }).length===0; } } var result=products.filter(comparer(deletedProducts )); console.log(result);