deep filtering on array of objects

user_7385634 0
Viewed 123

I have data like this one below

let data = [
{
    name: 'basic',
    to: 'aaa',
    subMenus: [
      {
        name: 'general conc',
        to: 'geneal',
      },
      {
        name: 'example view',
        to: 'example',
      },
      {
        name: 'fancy',
        to: 'bbb',
        innerSubMenus: [
          {
            name: 'adding',
            to: 'add',
          },
          {
            name: 'getting',
            to: 'get',
          },
          
        ]
      }
    ]
  }

]

I need to filter data based on name (in main, subMenus, and innerSubMenus) Here is the piece of code

function deepFilter(inputText){
data.filter(items => items.name.toLowerCase().includes(inputText.toLowerCase()))
}

As you can see, the function filters the first prop (name --> basic in this case when inputText = 'basic', doesn't work when inputText = 'general conc') but I want to be able to filter names in subMenus and innerSubMenus as well. Please, guide me on how to do it. Thanks

expected outputs:

deepFilter('basic') -> true // only this part is covered by my implementation
deepFilter('general conc') -> true
deepFilter('adding') -> true
deepFilter('ffff') -> false //since there is not name with value of 'ffff' in data
arrays javascript
1 Answers

I think this should work well.

function deepFilter(inputText, datas) {
    return datas.filter(data => {
        function checkInsideObj(object, inputText) {
            for (let value of Object.values(object)) {
                if (object.name && object.name.toLowerCase() === inputText.toLowerCase()) {
                    return true;
                }
                if (Array.isArray(value)) {
                    return value.some(item => {
                        return checkInsideObj(item, inputText)
                    }
                    )
                }
            }
            return false;
        }
        return checkInsideObj(data, inputText)

    }
    )

}
deepFilter("input", data)
user_165311380
Related