JS陣列學習之清空全部元素的4種方法(程式碼詳解)

TigerJin發表於2021-09-11
陣列是JavaScript中的十分常用且重要的資料型別,而刪除陣列元素是一種常見的陣列操作,JavaScript中內建了很多用於刪除陣列元素的函式,因此刪除陣列元素對我們來說並不難。那麼刪除陣列元素的進階版--清空陣列要如何實現呢?今天我們就來一起了解下JS陣列清空全部元素的方法。

本篇文章我們給大家介紹4種JS中清空陣列的方法,透過程式碼例項來具體看看清空陣列(刪除陣列全部元素)要如何操作。

【推薦學習:】

方法1:直接賦予空陣列[]

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);
arr=[];
console.log(arr);

輸出結果:

1.png

這種方法並不是嚴格意義的清空陣列,只是將arr重新賦值為空陣列。

方法2:利用length屬性將陣列長度設定為0

length屬性可設定或返回陣列長度。當length屬性的值小於陣列本身的長度,陣列中後面的元素將被截斷;如果length屬性的值為0,則可以清空整個陣列。

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);
arr.length=0;
console.log(arr);

輸出結果:

2.png

當length屬性的值大於本身的長度,將擴充套件陣列長度,多的元素為undefined。

方法3:使用splice()刪除全部陣列元素

使用splice()方法可以刪除指定下標位置後一個或多個陣列元素。只需要指定splice()方法從第一個陣列元素開始,需要刪除元素的個數為arr.length即可清空陣列。

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);
arr.splice(0,arr.length);
console.log(arr);

輸出結果:

3.png

方法4:使用delete運算子

delete 運算子可以用來刪除指定下標的陣列元素,刪除後的元素為空位元素,刪除陣列長度不變。

利用delete 運算子和迴圈語句可以實現清空陣列

var arr=new Array("香蕉","蘋果","梨子","橙子","橘子","榴蓮");
console.log(arr);
for(var i=0;i<=arr.length;i++){
delete arr[i];
}
console.log(arr);

輸出結果:

4.png

更多程式設計相關知識,請訪問:!!

以上就是JS陣列學習之清空全部元素的4種方法(程式碼詳解)的詳細內容,更多請關注php中文網其它相關文章!

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2144/viewspace-2827666/,如需轉載,請註明出處,否則將追究法律責任。

相關文章