JS有趣的灵魂 清空数组

简介: JS有趣的灵魂 清空数组

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

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

相关文章
|
12天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
29 3
|
12天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
7天前
|
前端开发 JavaScript
前端 js 经典:数组常用方法总结
前端 js 经典:数组常用方法总结
17 0
|
12天前
|
JavaScript
通过使用online表单的获取使用,了解vue.js数组的常用操作
通过使用online表单的获取使用,了解vue.js数组的常用操作
13 0
|
12天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
11 0
|
12天前
|
JavaScript 前端开发
js关于数组的方法
js关于数组的方法
13 0
|
12天前
|
JavaScript 前端开发
js怎么清空数组?
js怎么清空数组?
14 0
|
12天前
|
存储 JavaScript 前端开发
js处理数组的方法
js处理数组的方法
15 2
|
12天前
|
JavaScript 前端开发 索引
JavaScript 数组的索引方法数组转换为字符串方法
JavaScript 数组的索引方法数组转换为字符串方法
|
12天前
|
JavaScript 前端开发
JavaScript 数组的添加删除和排序
JavaScript 数组的添加删除和排序