How to Filter the data from the multiple array of objects

Question

I want to filter the data from multiple array of objects like that name key according. I have a multiple array of object. Something like:

data = [
  {
    state: 'saass',
    name: 'Saass',
    type: 'sub',
    icon: 'dashboard',
    active: true,
    children: [
       { state: 'executive', name: 'Executive Dashboard', type: 'link' },
       { state: 'sales', name: 'Sales Dashboard', type: 'link' },
       { state: 'marketing',name: 'Marketing Dashboard', type: 'link' },
       { state: 'support', name: 'Support Dashboard', type: 'link' },
       { state: 'course', name: 'Course Detail', type: 'sub_child', children: [
         { state: 'executive', name: 'Executive Dashboard', type: 'link' },
         { state: 'marketing', name: 'Marketing Dashboard', type: 'link'}
       ]
     }
   ]
 },
 {
   state: 'file-manager',
   name: 'File Manager',
   type: 'sub',
   icon: 'dashboard',
   active: false,
   children: [
     { state: 'authentication', name: 'Authentication', type: 'link'},
     { state: 'database', name: 'Database', type: 'link'},
     { state: 'storage', name: 'Storage', type: 'link'}
   ]
 }
];

In the input field I want to type the text. That text checks the data array of objects and that its according value will be show.

I need to filter the array, remove the other field that does not contain a text.

Suppose I want to search a text 's' then which name content contains the 's' keyword that keyword will be showing. For reference: https://www.gotbootstrap.com/themes/smartadmin/4.0.2/intel_analytics_dashboard.html

searchMenu(event){ var searchValue; this.searchKeyword =this.data.filter(function(list){ return list.name.toLowerCase().includes(event); }) console.log(this.searchKeyword); } — Nikita Garg
– Nikita Garg, Commented Sep 9, 2019 at 12:39
so you want to filter data from that object if you search for keyword,example search for 's' you want object' name: 'Saass' right ? — Tapan Dave
– Tapan Dave, Commented Sep 9, 2019 at 12:41
yes, but I want to filter the data from the multiple array of object like if search for 's' then I want 'saass' , 'Sales Dashboard',''Support Dashboard'" like all in which word s keyword appear — Nikita Garg
– Nikita Garg, Commented Sep 9, 2019 at 12:45

Tapan Dave · Accepted Answer · 2019-09-09 13:38:27Z

1

this could help you

function filterSearch(data,val) {
    let term =val.toLowerCase()
    var matches = [];
    if (!Array.isArray(data)) return matches;

    data.forEach(function(i) {
        if (i.name.toLowerCase().includes(term)) {
            matches.push(i);
        } else {
            let childResults = filterSearch(i.children, term);
            if (childResults.length)
                matches.push(Object.assign({}, i, { children: childResults }));
        }
    })

    return matches;
}

edited Sep 9, 2019 at 13:38

answered Sep 9, 2019 at 12:48

Tapan Dave

2831 gold badge4 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Nikita Garg Over a year ago

Thanks but Its not work properly because I want to filter a from multiple array of objects Now When I search the "dashboard" it show the blank array.

Tapan Dave Over a year ago

oh you wanted to search children also ?

Nikita Garg Over a year ago

yes, check this refernce in which menu list according I need it.gotbootstrap.com/themes/smartadmin/4.0.2/…

Collectives™ on Stack Overflow

How to Filter the data from the multiple array of objects

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related