JS/TS 清空数组的几种方法比较

方式1:splice函数

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

index:必选,规定从何处添加/删除元素。

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

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

var arr = [1,2,3,4];  
arr.splice(0,arr.length);  

方式2:给数组的length赋值为0

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

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

var arr = [1,2,3,4];  
arr.length = 0;

方式3:直接赋予新数组 []

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

var arr = [1,2,3,4];  
arr = [];

效率比较:
效率测试代码如下

    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('赋值[]');

复制代码
测试结果:

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

总结:

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

测试结果可能不严谨。大家仅做参考。

如果我的文章帮助到了你,或者给你提供了类似的思路, 烦请给我点个赞,谢谢~~~

猜你喜欢

转载自blog.csdn.net/qq_37904209/article/details/114598488