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

先看看下面的代码：

Js代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  initialize="init()"  
3.     backgroundGradientColors="[#ffffff, #ffffff]" >  
4. <mx:Script>  
5.     <![CDATA[  
6.         import mx.collections.ArrayCollection;  
7.         [Bindable]  
8.         public var ac:ArrayCollection=new ArrayCollection([  
9.             {name:"1",sex:"男",age:"11"},  
10.             {name:"2",sex:"女",age:"12"},  
11.             {name:"3",sex:"女",age:"14"},  
12.             {name:"4",sex:"女",age:"15"},  
13.             {name:"5",sex:"男",age:"16"},  
14.             {name:"6",sex:"男",age:"13"}  
15.         ]);   
16.         public function init():void{  
17.             for(var i:int=0;i<ac.length;i++){  
18.                 var item:Object=ac.getItemAt(i);  
19.                 if(item.sex=="女"){  
20.                     ac.removeItemAt(i);  
21.                 }  
22.             }  
23.         }  
24.           
25.     ]]>  
26. </mx:Script>  
27.  <mx:DataGrid  width="100%" dataProvider="{ac}">  
28.   <mx:columns>  
29.    <mx:DataGridColumn dataField="name" width="100" headerText="ID"/>  
30.    <mx:DataGridColumn dataField="sex" width="100" headerText="性别"/>  
31.    <mx:DataGridColumn dataField="age" width="100" headerText="年龄"/>  
32.   </mx:columns>  
33.  </mx:DataGrid>  
34. </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--；

 

Js代码  

1. public function init():void{  
2.             for(var i:int=0;i<ac.length;i++){  
3.                 var item:Object=ac.getItemAt(i);  
4.                 if(item.sex=="女"){  
5.                     ac.removeItemAt(i);  
6.                     i--;  
7.                 }  
8.             }  
9.         }  

 

转载:http://yunzhongxia.iteye.com/blog/615001