javascript清空数组的三种方法

董乃运 發表於 2020-5-6 07:42:00

在这里总结下在JavaScript中清空数组的三种方法。
1.使用length属性。
我们都知道使用length属性可以获取数组的长度（元素的个数），而实际上我们还可以通过给length属性赋值达到控制数组长度的目的。
<div class="cnblogs_code">
<pre>var arr = ['yanggb', 'yanggb1', 'yanggb2'];
console.log(arr.length); // 3

arr.length = 4;
console.log(arr); // ['yanggb', 'yanggb1', 'yanggb2', empty]

arr.length = 2;
console.log(arr); // ['yanggb', 'yanggb1']</pre>
</div>
这样，当我们需要清空数组的时候，只需要给length属性赋值0即可。
<div class="cnblogs_code">
<pre>arr.length = 0;
console.log(arr); // []</pre>
</div>
2.使用splice()函数。
JavaScript中的Array对象提供了一个splice(index, howmany, item1, ..., itemX)的函数，用于从一个数组中删除若干元素并添加若干元素，当只传第一个参数时，此函数的作用就是删除以第一个参数为索引后面的所有元素项。
因此想要清空数组的话，只要调用这个函数并传入一个参数0即可。
<div class="cnblogs_code">
<pre>var arr = ['yanggb', 'yanggb1', 'yanggb2'];
arr.splice(0);
console.log(arr); // []</pre>
</div>
3.直接给引用当前数组的变量赋值一个新的空数组。
<div class="cnblogs_code">
<pre>var arr = ['yanggb', 'yanggb1', 'yanggb2'];
arr = [];
console.log(arr.length); // 0</pre>
</div>
要注意的是，前面的两种方法都是在原来的数组上进行操作，而这中方法则只是修改的变量对原有数组的引用，如果有多个变量同时引用旧数组的话，可能会导致逻辑处理的结果非预期想要得到的问题。
 
"没有经历过痛苦的人，真的不懂得人间有多艰难。"

</div>
<div id="MySignature" role="contentinfo">
你要去做一个大人，不要回头，不要难过。 
来源：https://www.cnblogs.com/yanggb/p/12764318.html

頁: [1]

琼殿技术论坛's Archiver

javascript清空数组的三种方法