循环删除ArrayCollection中符合条件的项

先看看下面的代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  initialize="init()"
    backgroundGradientColors="[#ffffff, #ffffff]" >
<mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
       	[Bindable]
       	public var ac:ArrayCollection=new ArrayCollection([
        	{name:"1",sex:"男",age:"11"},
        	{name:"2",sex:"女",age:"12"},
        	{name:"3",sex:"女",age:"14"},
        	{name:"4",sex:"女",age:"15"},
        	{name:"5",sex:"男",age:"16"},
        	{name:"6",sex:"男",age:"13"}
        ]); 
        public function init():void{
        	for(var i:int=0;i<ac.length;i++){
        		var item:Object=ac.getItemAt(i);
        		if(item.sex=="女"){
        			ac.removeItemAt(i);
        		}
        	}
        }
        
    ]]>
</mx:Script>
 <mx:DataGrid  width="100%" dataProvider="{ac}">
  <mx:columns>
   <mx:DataGridColumn dataField="name" width="100" headerText="ID"/>
   <mx:DataGridColumn dataField="sex" width="100" headerText="性别"/>
   <mx:DataGridColumn dataField="age" width="100" headerText="年龄"/>
  </mx:columns>
 </mx:DataGrid>
</mx:Application>

 

上面的代码实现的功能是在表格中过滤掉性别是女的记录项，似乎上面的代码没什么问题，但是运行的结果是

 

有点奇怪吧！其实一点都不奇怪，来看看API是怎么定义removeItemAt的：

 

 

下面来解释下出现这种情况的原因：

在ArrayCollection中有item0、item1、item2、item3、item4，其中item1、item2、item3是要删除的项，用for循环ArrayCollection，当循环次数i到1是，ArrayCollection删除item1，item2、item3、item4的索引位置依次减少1，这样item2的索引位置变为1了，但是下次循环i已经是2了，把item2错过了。因此需要在ac.removeItemAt(i);代码后面把i的值减1，即i--；

 

public function init():void{
        	for(var i:int=0;i<ac.length;i++){
        		var item:Object=ac.getItemAt(i);
        		if(item.sex=="女"){
        			ac.removeItemAt(i);
        			i--;
        		}
        	}
        }

 

 网上有一篇博客说先得到ArrayCollection的source，在对数组进行操作，我没看明白是怎么实现的，但是我觉得我的方法是最简单的。

 

评论

3 楼 dudong0726 2011-12-16  

借用代码，先谢过
不过也有个小bug,如果第一个就符合，i--后变为-1，再取getItemAt(-1)越界。
public function init():void{
        for(var i:int=0;i<ac.length;i++){
        var item:Object=ac.getItemAt(i);
        if(item.sex=="女"){
        ac.removeItemAt(i);
        i--;
        }
        }
        }


应该为

public function init():void{
        for(var i:int=0;i<ac.length;i++){
        var item:Object=ac.getItemAt(i);
        if(item.sex=="女"){
        ac.removeItemAt(i);
        i--;
                                if(i<0)
                                {
                                   i = 0;
                                 } 
        }
        }
        }

2 楼 yunzhongxia 2011-11-22  

java端List到前端转为ArrayCollection，从ArrayCollection中获得数据项getItem(索引)，然后将获得的数据项设置为表格的数据源 grid.dataProvider=数据项

1 楼 Sev7en_jun 2011-11-22  

lz我有个问题想请教你
比如说 从java哪里获取了一个List对象，那么怎么用下面红色部分标签显示(我已经获取到了List)
<mx:DataGrid>
  <mx:dataProvider>
    <mx:ArrayCollection id="list" list="{userColls}">
     </mx:ArrayCollection>   </mx:dataProvider>
</mx:DataGrid>

不使用下面这种方式，就只使用上面那种怎么可以实现？
<mx:DataGrid id="list" dataProvider="{userColls}">