如何在 Ionic 2 中的 2 个不同数组上应用搜索过滤器？

Question

I have applied search filter on a array using this code in my listproduct.ts

if (val && val.trim() != '') {
  this.names = this.names.filter((names) => {
    return (names.toLowerCase().indexOf(val.toLowerCase()) > -1);
  })
}

Note that this filter is applied on names array. I wish this filter should also work on catg and pservice named arrays too.

How can I achieve filter result on multiple arrays?

Answer 1

You can create another bigArray which is the concatenation of your three arrays using js concat function :

var bigArray = this.names.concat(this.catg, this.pservice);

and call your filter on that bigArray .

var val = "test";

this.names = ["abc", "test123", "test"];
this.catg = ["qsd", "azetest"];
this.pservice = ["another test !", "tss"];

this.bigArray = this.names.concat(this.catg, this.pservice);

// here, bigArray contains all values of the three arrays (abc,test123,test,qsd,azetest,another test !,tss)

if (val && val.trim() != '') {
  this.bigArray = this.bigArray.filter((names) => {
    return (names.toLowerCase().indexOf(val.toLowerCase()) > -1);
})

// here, bigArray contains only filtered values of the three arrays (test123,test,azetest,another test !)

Here is a working Plunker

Answer 2

If you need to keep them as separate arrays, and cannot concat them, you could do something like this:

 let names = ["Andy", "Alex", "Corbyn", "Eric" ]; let catg = ["Adventure", "Action", "Comedy", "SciFi"]; let pservice = ["Example", "Service", "Allo"] let val = "a"; [names, catg, pservice] = [names, catg, pservice].map(array => { return array.filter((item) => { return (item.toLowerCase().indexOf(val.toLowerCase()) > -1); }) }); console.log(names); console.log(catg); console.log(pservice);