谈谈Flex中ArrayCollection的复制（克隆）

谈谈Flex中ArrayCollection的复制（克隆）

        在Flex的开发过程中，常常会遇到复制ArrayCollection的情况。以前只是从网上找个方法拿来就用，也没有具体的搞清楚所以然来。今天有时间，研究了一下，总结如下：

        Flex中的复制同java一样，也分为深复制和浅复制。（如果您对java的深复制和浅复制理解不深的话，可以参考我前一篇文章：JAVA中浅复制与深复制）

        下面总结一下ArrayCollection的浅复制，共有4种方法：

        1、var newArray:ListCollectionView=new ListCollectionView(ListCollectionView(oldArray).list);

        2、var newArray:ArrayCollection=new ArrayCollection(oldArray.source);

        3、var newArray:ArrayCollection=new ArrayCollection(oldArray.source.slice());

        4、var newArray:ArrayCollection=new ArrayCollection(oldArray.toArray());

        以上方法中，第一种方法由于不是创建的独立的ArrayCollection对象，所以不推荐使用。第二、三、四种方法相似，可以参考使用。

        有的时候，我们也会用到深复制，方法如下：

        var newArray:ArrayCollection=ArrayCollection(this.clone(oldArray));

        this.clone()方法定义如下：

         function clone(source:Object):*
         {
                var myBA:ByteArray = new ByteArray();
                myBA.writeObject(source);
                myBA.position = 0;
                return(myBA.readObject());
         }

下面是我测试以上程序的Flex程序代码，大家可以参考：

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  creationComplete ="initApp()"  layout ="absolute" >
     < mx:Script >
     <![CDATA[
        import mx.collections.ArrayCollection;
        import mx.collections.ListCollectionView;
        import mx.controls.Alert;
        import flash.utils.ByteArray;
        
        
        public function initApp():void
        {            
        }
        
        
        //开始测试：
        //浅复制1
        private function test1():void
        {
            //初始化需要的对象
            var obj1:Object=new Object();//定义对象obj1
            var obj11:Object=new Object();//定义对象obj1的引用对象obj11
            obj1.name="obj1.name";
            obj1.sub=obj11;//obj1的sub属性引用obj11
            obj11.name="obj11.name";            
            //实例化ArrayCollection对象，并将obj1添加进该对象
            var oldArray:ArrayCollection=new ArrayCollection();
            oldArray.addItem(obj1);
            
            //浅复制ArrayCollection
            var newArray:ListCollectionView=new ListCollectionView(ListCollectionView(oldArray).list);
            
            //修改obj11.name的值
            obj11.name="obj11.name is changed!";
            
            //输出复制前后的两个对象所引用的obj11对象的name属性值，如一致为浅复制，不一致为深复制
            Alert.show(oldArray.getItemAt(0).sub.name+"---"+newArray.getItemAt(0).sub.name);
        }
        //浅复制2
        private function test2():void
        {
            //初始化需要的对象
            var obj1:Object=new Object();//定义对象obj1
            var obj11:Object=new Object();//定义对象obj1的引用对象obj11
            obj1.name="obj1.name";
            obj1.sub=obj11;//obj1的sub属性引用obj11
            obj11.name="obj11.name";            
            //实例化ArrayCollection对象，并将obj1添加进该对象
            var oldArray:ArrayCollection=new ArrayCollection();
            oldArray.addItem(obj1);
            
            //浅复制ArrayCollection
            var newArray:ArrayCollection=new ArrayCollection(oldArray.source);
            
            //修改obj11.name的值
            obj11.name="obj11.name is changed!";
            
            //输出复制前后的两个对象所引用的obj11对象的name属性值，如一致为浅复制，不一致为深复制
            Alert.show(oldArray.getItemAt(0).sub.name+"---"+newArray.getItemAt(0).sub.name);
        }
        
        //浅复制3
        private function test3():void
        {
            //初始化需要的对象
            var obj1:Object=new Object();//定义对象obj1
            var obj11:Object=new Object();//定义对象obj1的引用对象obj11
            obj1.name="obj1.name";
            obj1.sub=obj11;//obj1的sub属性引用obj11
            obj11.name="obj11.name";            
            //实例化ArrayCollection对象，并将obj1添加进该对象
            var oldArray:ArrayCollection=new ArrayCollection();
            oldArray.addItem(obj1);
            
            //浅复制ArrayCollection
            var newArray:ArrayCollection=new ArrayCollection(oldArray.source.slice());
            
            //修改obj11.name的值
            obj11.name="obj11.name is changed!";
            
            //输出复制前后的两个对象所引用的obj11对象的name属性值，如一致为浅复制，不一致为深复制
            Alert.show(oldArray.getItemAt(0).sub.name+"---"+newArray.getItemAt(0).sub.name);
        }
        
        //浅复制4
        private function test4():void
        {
            //初始化需要的对象
            var obj1:Object=new Object();//定义对象obj1
            var obj11:Object=new Object();//定义对象obj1的引用对象obj11
            obj1.name="obj1.name";
            obj1.sub=obj11;//obj1的sub属性引用obj11
            obj11.name="obj11.name";            
            //实例化ArrayCollection对象，并将obj1添加进该对象
            var oldArray:ArrayCollection=new ArrayCollection();
            oldArray.addItem(obj1);
            
            //浅复制ArrayCollection
            var newArray:ArrayCollection=new ArrayCollection(oldArray.toArray());
            
            //修改obj11.name的值
            obj11.name="obj11.name is changed!";
            
            //输出复制前后的两个对象所引用的obj11对象的name属性值，如一致为浅复制，不一致为深复制
            Alert.show(oldArray.getItemAt(0).sub.name+"---"+newArray.getItemAt(0).sub.name);
        }
        
        //深复制
        private function test5():void
        {
            //初始化需要的对象
            var obj1:Object=new Object();//定义对象obj1
            var obj11:Object=new Object();//定义对象obj1的引用对象obj11
            obj1.name="obj1.name";
            obj1.sub=obj11;//obj1的sub属性引用obj11
            obj11.name="obj11.name";            
            //实例化ArrayCollection对象，并将obj1添加进该对象
            var oldArray:ArrayCollection=new ArrayCollection();
            oldArray.addItem(obj1);
            
            //浅复制ArrayCollection
            var newArray:ArrayCollection=ArrayCollection(this.clone(oldArray));
            
            //修改obj11.name的值
            obj11.name="obj11.name is changed!";
            
            //输出复制前后的两个对象所引用的obj11对象的name属性值，如一致为浅复制，不一致为深复制
            Alert.show(oldArray.getItemAt(0).sub.name+"---"+newArray.getItemAt(0).sub.name);
        }
        
        //深复制调用的方法
        function clone(source:Object):*
        {
            var myBA:ByteArray = new ByteArray();
            myBA.writeObject(source);
            myBA.position = 0;
            return(myBA.readObject());
        }
     ]]>
     </ mx:Script >
     < mx:Button  label ="第一种浅复制方法"  click ="test1()"  x ="61"  y ="36" />
     < mx:Button  label ="第二种浅复制方法"  click ="test2()"  y ="57"  x ="61"  width ="114" />
     < mx:Button  label ="第三种浅复制方法"  click ="test3()"  y ="78"  x ="61"  width ="114" />
     < mx:Button  label ="第四种浅复制方法"  click ="test4()"  y ="98"  x ="61"  width ="114" />
    
     < mx:Button  label ="深复制方法"  click ="test5()"  y ="147"  x ="61" />
</ mx:Application >