JS 清空数组的几种方法

方式一：splice函数

• arrayObject.splice(index,howmany,element1,.....,elementX)

• index：必选，规定从何处添加/删除元素。

• howmany：必选，规定应该删除多少元素。未规定此参数，则删除从 index 开始到原数组结尾的所有元素。

• element1:可选，规定要添加到数组的新元素。

<script type ="text/javascript">  
　　var arr = [1,2,3,4];  
   arr.splice(0,arr.length);  
</script>

方式二：给数组的length赋值为0

<script type ="text/javascript">  
　　var arr = [1,2,3,4];  
   arr.length = 0;
</script>

• 赋予数组的长度小于本身的长度，数组中后面的元素将被截断。

• 赋予数组的长度大于本身的长度，将扩展数组长度，多的元素为undefined。

方式三：直接赋予新数组 []

<script type ="text/javascript">  
　　var arr = [1,2,3,4];  
   arr = [];
</script>

• 这种方式为将arr重新复制为空数组，之前的数组如果没有被引用，将等待垃圾回收。

效率比较

<script>
    var a = [];
    var b = [];
    var c = [];
    for(var i =0 ; i < 100000000;i++){
   
        a.push(i);
    }
    console.time('splice');
    a.splice(0,a.length); 
    console.timeEnd('splice');

    for(var i =0 ; i < 100000000;i++){
   
        b.push(i);
    }
    console.time('length');
    b.length = 0;
    console.timeEnd('length');

    for(var i =0 ; i < 100000000;i++){
   
        c.push(i);
    }
    console.time('赋值[]');
    c = [];
    console.timeEnd('赋值[]');
</script>

测试结果如下：

splice: 0.010986328125ms
length: 0.009033203125ms
赋值[]: 0.024169921875ms

多次测试发现第二种方式最快，第一种其次，大数据量下 第三种最慢。