在JavaScript中有許多方法可以清空數(shù)組，下面本篇文章就來給大家介紹一些使用JavaScript清空數(shù)組的方法傻唾，希望對(duì)大家有所幫助。
方法一：將數(shù)組變量設(shè)置為大小為零的新數(shù)組
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript清空數(shù)組</title>
</head>
<body style = "text-align:center;">?
? ? <p id = "up"></p>
? ? <button onclick="empty()">?
? ? ? ? 單擊可清空
? ? </button>?
? ? <p id = "down" style="color: green"></p>
? ? <p id = "down1" style="color: green"></p>
? ? <!-- 將數(shù)組大小設(shè)置為零 -->
? ? <script>?
? ? ? ? var GFG_Array = [1, 2, 3, 4, 5];
? ? ? ? var up = document.getElementById("up");
? ? ? ? up.innerHTML = "GFG_Array："+GFG_Array;
? ? ? ? var down = document.getElementById("down");
? ? ? ? down.innerHTML = "GFG_Array的長(zhǎng)度為："
? ? ? ? ? ? ? ? + GFG_Array.length;
? ? ? ? function empty() {
? ? ? ? ? ? GFG_Array = [];
? ? ? ? ? ? down = document.getElementById("down");
? ? ? ? ? ? down.innerHTML = "GFG_Array的長(zhǎng)度為："
? ? ? ? ? ? ? ? ? ? + GFG_Array.length;
? ? ? ? ? ? down1 = document.getElementById("down1");
? ? ? ? ? ? down1.innerHTML = "GFG_Array："+GFG_Array;
? ? ? ? }
? ? </script>?
</body>?
</html>
效果圖：
方法二：使用length屬性將數(shù)組的長(zhǎng)度設(shè)置為零
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript清空數(shù)組</title>
</head>
<body style = "text-align:center;">?
? ? <p id = "up"></p>
? ? <button onclick="empty()">?
? ? ? ? 單擊可清空
? ? </button>?
? ? <p id = "down" style="color: green"></p>
? ? <p id = "down1" style="color: green"></p>
? ? <!-- 將數(shù)組大小設(shè)置為零 -->
? ? <script>?
? ? ? ? var GFG_Array = [1, 2, 3, 4, 5];
? ? ? ? var up = document.getElementById("up");
? ? ? ? up.innerHTML = "GFG_Array："+GFG_Array;
? ? ? ? var down = document.getElementById("down");
? ? ? ? down.innerHTML = "GFG_Array的長(zhǎng)度為："
? ? ? ? ? ? ? ? + GFG_Array.length;
? ? ? ? function empty() {
? ? ? ? ? ? GFG_Array.length = 0;
? ? ? ? ? ? down = document.getElementById("down");
? ? ? ? ? ? down.innerHTML = "GFG_Array的長(zhǎng)度為："
? ? ? ? ? ? ? ? ? ? + GFG_Array.length;
? ? ? ? ? ? down1 = document.getElementById("down1");
? ? ? ? ? ? down1.innerHTML = "GFG_Array："+GFG_Array;
? ? ? ? }
? ? </script>?
</body>?
</html>
效果圖：
方法三：使用pop方法連續(xù)刪除數(shù)組元素承耿，得到空數(shù)組
pop()方法用于刪除并返回?cái)?shù)組的最后一個(gè)元素冠骄，把數(shù)組長(zhǎng)度減 1，并且返回它刪除的元素的值加袋。如果數(shù)組已經(jīng)為空凛辣，則 pop() 不改變數(shù)組，并返回 undefined 值职烧。
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript清空數(shù)組</title>
</head>
<body style = "text-align:center;">?
? ? <p id = "up"></p>
? ? <button onclick="empty()">?
? ? ? ? 單擊可清空
? ? </button>?
? ? <p id = "down" style="color: green"></p>
? ? <p id = "down1" style="color: green"></p>
? ? <!-- 將數(shù)組大小設(shè)置為零 -->
? ? <script>?
? ? ? ? var GFG_Array = [1, 2, 3, 4, 5];
? ? ? ? var up = document.getElementById("up");
? ? ? ? up.innerHTML = "GFG_Array："+GFG_Array;
? ? ? ? var down = document.getElementById("down");
? ? ? ? down.innerHTML = "GFG_Array的長(zhǎng)度為："
? ? ? ? ? ? ? ? + GFG_Array.length;
? ? ? ? function empty() {
? ? ? ? ? ? while(GFG_Array.length > 0) {
? ? ? ? ? ? ? ? GFG_Array.pop();
? ? ? ? ? ? }
? ? ? ? ? ? down = document.getElementById("down");
? ? ? ? ? ? down.innerHTML = "GFG_Array的長(zhǎng)度為："
? ? ? ? ? ? ? ? ? ? + GFG_Array.length;
? ? ? ? ? ? down1 = document.getElementById("down1");
? ? ? ? ? ? down1.innerHTML = "GFG_Array："+GFG_Array;
? ? ? ? }
? ? </script>?
</body>?
</html>
效果圖：
注：這種方法比其他方法花費(fèi)的時(shí)間更多扁誓，而且不太受歡迎防泵。
