Removing Items From Array Collection

Question

Hi. I have an array collection which is made up of items
defined in class PlayListEntry. I want to remove all the items that
have the value of property select set to false. This is what i have
come up with, it works fine, but only removes half the items at a
time. I think this is because when you remove and item with
removeitemat() it shifts the index of the items. How can i get
around this?
Code
private function removeitems():void{
for each (var ple:PlayListEntry in songCollection){
if (ple["select"] != true){
songCollection.removeItemAt(songCollection.getItemIndex(ple));
}

Answer 1

Here's a sample application I wrote that achieves what you're
looking for.
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable] private var medalsAC:ArrayCollection = new
ArrayCollection([
{Country:"USA", Gold:35, Silver:39, Bronze:29, select:true},
{Country:"China", Gold:32, Silver:17, Bronze:14,
select:true},
{Country:"Russia", Gold:27, Silver:27, Bronze:38,
select:true},
{Country:"USA2", Gold:35, Silver:39, Bronze:29,
select:false},
{Country:"China2", Gold:32, Silver:17, Bronze:14,
select:false},
{Country:"Russia2", Gold:27, Silver:27, Bronze:38,
select:false},
{Country:"USA3", Gold:35, Silver:39, Bronze:29,
select:true},
{Country:"China3", Gold:32, Silver:17, Bronze:14,
select:true},
{Country:"Russia3", Gold:27, Silver:27, Bronze:38,
select:true}
private function filterItems():void {
for(var i:Number = 0; i < medalsAC.length; i++){
if(medalsAC
.select == false){
// => Remove item
medalsAC.removeItemAt(i);
// => Refresh collection so it see's new change.
medalsAC.refresh();
// => Start at beginning and keep looking
i = 0;
]]>
</mx:Script>
<mx:Button x="10" y="10" label="Remove False Items"
click="filterItems()"/>
<mx:DataGrid left="10" right="10" top="35" bottom="10"
dataProvider="{medalsAC}">
<mx:columns>
<mx:DataGridColumn headerText="Country"
dataField="Country"/>
<mx:DataGridColumn headerText="Gold"
dataField="Gold"/>
<mx:DataGridColumn headerText="Silver"
dataField="Silver"/>
<mx:DataGridColumn headerText="Bronze"
dataField="Bronze"/>
<mx:DataGridColumn headerText="Select"
dataField="select"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>