如何通过在javascript中过滤其中的数组来过滤对象数组

Question

我正在尝试对我的应用进行高级搜索，它有一个 stores 对象数组，每个 store 都是一个对象，每个 store 都有一个包含该 store 项目的对象数组，（每个 item 都是目的）。 （我将保留 stores 数组，这样你就明白我的意思了）

所以基本上，我希望用户按商品名称过滤商店，但我被卡住了，我尝试的任何方法似乎都不起作用。 这是代码：

存储数组：

let stores = [
  {
    name:"",
    type:"",
    items:[
      {name:"tomato", quantity:"145", unit:"g"},  //this is what i want to filter with
      {name:"other items here", quantity:"45", unit:"kg"},
      {name:"example item", quantity:"74", unit:"l"},
    ]
  }
]

我试过的过滤方式：

let userInput = "tomato";


//this outputs the original array without any filtering

    let filteredStores = stores.filter(store=>{
      return store.items.filter(item=>{
        return item.name.includes(userInput)
      })
    })

希望有人理解我想如何过滤商店，谢谢

Answer 1

Array#filter 将在找不到匹配项时返回一个空数组。这是一个真实的值，你可以通过!!array.filter(() => false) 找到它。您需要在第二个过滤器上调用.length 才能确定它是否找到任何匹配项，0 是假的，其他的都是真的。

Answer 2

let stores = [
  {
    name:"",
    type:"",
    items:[
      {name:"tomato", quantity:"145", unit:"g"},  //this is what i want to filter with
      {name:"other items here", quantity:"45", unit:"kg"},
      {name:"example item", quantity:"74", unit:"l"},
    ]
  }
]

let filterdStores = stores.filter(s=>s.items.some(i=>i.name==='tomato'));

console.log(JSON.stringify(filterdStores,null,2));

使用高效的Array.some

Answer 3

你可以试试这个：

let stores = [
  {
    name:"",
    type:"",
    items:[
      {name:"tomato", quantity:"145", unit:"g"},  //this is what i want to filter with
      {name:"other items here", quantity:"45", unit:"kg"},
      {name:"example item", quantity:"74", unit:"l"},
    ]
  },
 {
    name:"",
    type:"",
    items:[
      {name:"tomatos", quantity:"14", unit:"kg"},
    ]
  }
];

let UserInput = "tomato";

const res = stores.filter(({items}) => items.find(item => item.name.includes(UserInput)));

console.log(res);

.as-console-wrapper{min-height: 100%!important; top: 0}