js 将数组清空

出处  http://www.rainweb.cn/article/329.html

方式1，splice

JavaScript代码

1. var ary = [1,2,3,4];  
2. ary.splice(0,ary.length);  
3. console.log(ary); // 输出 []，空数组，即被清空了  

 

方式2，length赋值为0

这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如

JavaScript代码

1. var ary = [1,2,3,4];  
2. ary.length = 0;  
3. console.log(ary); // 输出 []，空数组，即被清空了  

Java中会报错，编译通不过。而JS中则可以，且将数组清空了，

JavaScript代码

1. var ary = [1,2,3,4];  
2. ary.length = 0;  
3. console.log(ary); // 输出 []，空数组，即被清空了  

目前 Prototype中数组的 clear 和mootools库中数组的 empty 使用这种方式清空数组。

 

方式3，赋值为[]

JavaScript代码

1. var ary = [1,2,3,4];  
2. ary = []; // 赋值为一个空数组以达到清空原数组  

 

这里其实并不能说是严格意义的清空数组，只是将ary重新赋值为空数组，之前的数组如果没有引用在指向它将等待垃圾回收。

Ext库Ext.CompositeElementLite类的 clear 使用这种方式清空。

方式2 保留了数组其它属性，方式3 则未保留。很多人认为方式2的效率很高些，因为仅仅是给length重新赋值了，而方式3则重新建立个对象。经 测试 恰恰是方式3的效率高。测试代码：

JavaScript代码

1. var a = [];  
2. for (var i=0; i< 1000000; i++){  
3.     a.push(i);  
4. }  
5. var start = new Date();  
6. //a = [];  
7. a.length = 0;  
8. var end = new Date();  
9. alert(end - start);  

测试结果：

以上结果可看到:方式3更快，效率更高。因此如果不保留原数组的其它属性Ext采用的方式更值得推荐。

 

clone对象的三个方法

JavaScript代码

1. function clone(obj){  
2.     var o;  
3.     if(typeof obj == "object"){  
4.         if(obj === null){  
5.             o = null;  
6.         }else{  
7.             if(obj instanceof Array){  
8.                 o = [];  
9.                 for(var i = 0, len = obj.length; i < len; i++){  
10.                     o.push(clone(obj[i]));  
11.                 }  
12.             }else{  
13.                 o = {};  
14.                 for(var k in obj){  
15.                     o[k] = clone(obj[k]);  
16.                 }  
17.             }  
18.         }  
19.     }else{  
20.         o = obj;  
21.     }  
22.     return o;  
23. }  

JavaScript代码

1. function clone(obj){  
2.     var o, obj;  
3.     if (obj.constructor == Object){  
4.         o = new obj.constructor();   
5.     }else{  
6.         o = new obj.constructor(obj.valueOf());   
7.     }  
8.     for(var key in obj){  
9.         if ( o[key] != obj[key] ){   
10.             if ( typeof(obj[key]) == "object" ){   
11.                 o[key] = clone(obj[key]);  
12.             }else{  
13.                 o[key] = obj[key];  
14.             }  
15.         }  
16.     }  
17.     o.toString = obj.toString;  
18.     o.valueOf = obj.valueOf;  
19.     return o;  
20. }  

 

JavaScript代码

1. function clone(obj){  
2.     function Fn(){}  
3.     Fn.prototype = obj;  
4.     var o = new Fn();  
5.     for(var a in o){  
6.         if(typeof o[a] == "object") {  
7.             o[a] = clone(o[a]);  
8.         }  
9.     }  
10.     return o;  
11. }