JavaScript中清空数组

最新推荐文章于 2024-03-09 17:04:16 发布

原创最新推荐文章于 2024-03-09 17:04:16 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript中清空数组

C# 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了在JavaScript中清空数组的两种方法：一是将数组变量重新赋值为大小为零的新数组，二是利用length属性将数组的长度设置为零。通过示例代码和效果展示，详细解释了每种方法的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何在JavaScript中清空数组

方法一：将数组变量设置为大小为零的新数组
HTML代码:

<button onclick="empty()">
    单击可清空
</button>
<p id="down" style="color: green"></p>

JS代码：
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的长度为：”
+ GFG_Array.length;
function empty() {
GFG_Array = [];
down = document.getElementById(“down”);
down.innerHTML = “GFG_Array的长度为：”
+ GFG_Array.length;
down1 = document.getElementById(“down1”);
down1.innerHTML = “GFG_Array：” + GFG_Array;
}
效果图
点击前效果：
在这里插入图片描述
点击后效果

方法二：使用length属性将数组的长度设置为零

HTML代码：

<button onclick="empty()">
    单击可清空
</button>

JS代码

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的长度为：”
+ GFG_Array.length;
function empty() {
GFG_Array.length = 0;
down = document.getElementById(“down”);
down.innerHTML = “GFG_Array的长度为：”
+ GFG_Array.length;
down1 = document.getElementById(“down1”);
down1.innerHTML = “GFG_Array：” + GFG_Array;
}
效果图
点击前效果：
在这里插入图片描述
点击后效果