title: Issue in loop through the all property through loop index in array
body: <p>I am implementing a single filter on all columns of the table. So any time a user searches anything the function should search the value in the whole array and return only filtered rows. That means it should check for a match in all property of array item.</p>
  <p>In Angular 8, I bind my table by with an array that has 4 rows with multiple properties. My array looks like this.</p>
  <pre><code>export const Hero = [
    { id: 11, name: 'Dr Nice', age: 30 },
    { id: 12, name: 'Narco', age: 35}
    ];
  </code></pre>
  <p>Now when I try to filter out the rows I need to match the searchtext to all rows and all property (id, name, and age) of the array. Array items are loop through but the property name can not be looped because they are accessible by name only not by index.</p>
  <p>HTML Code</p>
  <pre><code>&lt;input type=&quot;text&quot; class=&quot;searchBox&quot; #txtSearch (keyup)=&quot;filterHerosKeyUp(txtSearch.value)&quot; placeholder=&quot;Search for names..&quot; title=&quot;Type in a name&quot;&gt;
  </code></pre>
  <p>TS file code</p>
  <pre><code>filterHerosKeyUp(filter: string) { // without type info
     const data = this.Hero.slice();
     this.filteredValues = data.filter(item =&gt; item.id, name and age etc.)
  }
  </code></pre>
  <p>Here I want to loop through all items for all properties (id, name, and age).</p>
  <p>Please advise.</p>