title: Get objects from arrays and push to new array
body: <p>I have a button which creates an array with an object like</p>
  
  <pre><code>[{field: field1, operator: operator1, value: 10}]
  </code></pre>
  
  <p>when I click on the button again it will again creates a new array like </p>
  
  <pre><code>[{field: field2, operator: operator2, value: 20}]
  </code></pre>
  
  <p>When I tried to push these into new array, it is becoming nested</p>
  
  <pre><code>[Array(1), Array(1)]
  </code></pre>
  
  <p>But I want the new array to look like </p>
  
  <pre><code>[{field: field1, operator: operator1, value: 10}, {field: field2, operator: operator2, value: 20}]
  </code></pre>
  
  <p>My code</p>
  
  <pre><code>public filterChange(state): void {
      this.filters.push( state.filters );
      console.log(this.filters);
  }
  </code></pre>
  
  <p>On each click of the button 'filterChange' will call and 'state' will give the filters array generated with new filter values. Please suggest. Thanks.</p>