AS3.0中遍历删除容器内子对象的误区

1 var a1:Sprite=new Sprite()
2 var a2:Sprite=new Sprite()
3 var a3:Sprite=new Sprite()
4 var a4:Sprite=new Sprite()
5 var a5:Sprite=new Sprite()
6 var a6:Sprite=new Sprite()
7 var a:Sprite=new Sprite();
8 a.addChild(a1)
9 a.addChild(a2)
10 a.addChild(a3)
11 a.addChild(a4)
12 a.addChild(a5)
13 a.addChild(a6)

a里面含有6个Sprite;
当使用for循环函数进行如下循环后
for(var i:uint=0;i<a.numChildren;i++){
    a.removeChildAt(i);
}

  一直以为a里面的所有子对象都被删除了,最近才发现实际上不是这样。
执行代码trace(a.numChildren);发现输出的是3,不是0。这说明a里面还有3个对象没有被删除。
为什么会这样呢?我们来分析下这句循环代码。发现a.numChildren在每次执行完a.removeChildAt(i);后发生了变化,
每次都减去了一,因为a里面的对象被删除了一个,所以a.numChildren会比原来少1。这样执行了3次循环后a.numChildren变成
3,i也变成3,3<3不成立退出循环。所以只有深度为0,1,2的被删除了,其他的还在,这样trace(a.numChildren);输出当然是
3了。
  既然这样把a.numChildren用个变量代替,即代码改为
var num:uint=a.numChildren;
for(var i:uint=0;i<num;i++){
    a.removeChildAt(i);
}
  这样每次循环的时候num就不会发生变化,就是会执行6次循环(a.numChildren=6)。这样应该不会错吧。
实际上运行时却出现如下错误

RangeError: Error #2006: 提供的索引超出范围。
    at flash.display::DisplayObjectContainer/removeChildAt()
    at _fla::MainTimeline/frame1()


  为什么会索引超出范围呢?再次分析下代码。发现num确实是固定不变了,但是a.removeChildAt(i);却出现了问题
由于as3新的的深度管理机制,当执行第一次循环后,深度为零的对象被删除,深度为1--5的对象的深度会自动减一。
因此深度为0的位置依然有对象存在。当三次循环后a.numChidlren变成3、i变成3。执行第四循环的时候会报错,因为
已经找不到索引为3位置的对象了。为了验证这种想法执行下面代码
代码
a1.name="a1";
a2.name="a2";
a3.name="a3";
a4.name="a4";
a5.name="a5";
a6.name="a6";

var num=a.numChildren;
try{
    for(var i:uint=0;i<num;i++){
        a.removeChildAt(i);
    }
}catch(e){}
for(var j:uint=0;j<a.numChildren;j++){
    trace(a.getChildAt(j).name)
}

分别给a里面每个子对象添加name属性,然后在执行遍历删除后,输出a里面还存在的对象的name。发现输出结果是a2、a4、a6。
这说明在遍历删除之前深度为奇数的对象被删除了,(为什么只有深度为奇数的对象被删除了,根据as3的深度管理机制揣摩下就能明白了)
  既然as3有这样的深度管理机制,那么不管怎么删除,深度为0位置的始终有对象存在。把代码改成

var num=a.numChildren;
for(var i:uint=0;i<num;i++){
    a.removeChildAt(0);
}
trace(a.numChildren);

就可以了,可以发现trace的结果是0,说明a里面的子对象全部被删除了。
注意:千万不要把for(var i:uint=0;i<num;i++)换成for(var i:uint=0;i<a.numChildren;i++),想想为什么?(原理跟上面的一样)
  如果觉得这样写麻烦的话,还可以用下面的写法

for(var i:uint=a.numChildren;i>0;i--){
    a.removeChildAt(0);
}

或者写成

for(var i:uint=a.numChildren;i>0;i--){
    a.removeChildAt(a.numChildren-1);
}

如果还觉得麻烦的话,还可以这样写

while(a.numChildren>0){
    a.removeChildAt(0);
}

实际上我是在看到用while来遍历删除的方法后,才发现我以前用for来遍历删除的问题的,建议大家用最最后一种写法,这样写的代码最简单。

你可能感兴趣的:(as3)