title: Angular 2 remove multiple objects from an array
body: <p>I have an array with multiple objects. My app has an option to "filter" the objects and return the filtered array.</p>
  
  <p>This is how I do that:</p>
  
  <pre><code>this.result.combos.forEach((combo) =&gt; {
                    console.log("Analyzing combo:");
                    console.log(combo);
            if (combo.atk &lt; minStat || combo.atk &gt; maxStat)
            {
                  this.result.combos.splice(this.result.combos.indexOf(combo), 1); 
                  console.log("COMBO HAS BEEN REMOVED");
            }
              else
                  console.log("COMBO HAS BENE STAYED");
         });
  </code></pre>
  
  <p>My problem is, that I need to run this method MULTIPLE times in order to reach the result. Each time I run this method, my objects are filtered partially.</p>
  
  <p><strong>For example</strong>: I have 200 objects, and I filter the minStat/maxStat value of them to show me only those records with minStat/maxStat value of 50/100.
  The code will remove about 70 records from the array, but will remain alot of results without an minStat/maxStat of 50-100.</p>
  
  <p>I've been digging into this and I guess it's releated to the <code>splice</code> method. but I found no alternative to this issue.</p>
  
  <p>Any help?</p>