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

Question

I'm trying to make an advanced searching for my app, it has a stores array of objects, every store is an object and every store has an array of objects that holds the items of that store, (every item is an object). (i'll leave the stores array down so u understand what i mean)

So basically, I want the user to filter the stores by the item names, but i got stuck and whatever i tried didn't seem to be working. here is the code:

stores array:

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"},
    ]
  }
]

The filtering way I've tried:

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)
      })
    })

Hope someone understands how i want to filter the stores, thanks

Answer 1

Array#filter will return an empty array when no matches are found. This is a truthy value, you can find this by doing .!array.filter(() => false) . You need to call .length on the second filter to be able to determine whether it has found any matches or not, 0 is falsey and anything else is truthy.

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));

Use efficient Array.some

Answer 3

You can try this:

 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}