在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í)間更多嫡良,而且不太受歡迎。