JavaScript如何清空数组？

最新推荐文章于 2023-10-10 14:17:03 发布
最新推荐文章于 2023-10-10 14:17:03 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： javascript 前端
原文链接：https://www.html.cn/qa/javascript/10287.html
版权

在JavaScript中有许多方法可以清空数组，下面本篇文章就来给大家介绍一些在JavaScript中清空数组的方法，希望对大家有所帮助。

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

例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript清空数组</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> 
    <!-- 将数组大小设置为零 -->
    <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的长度为：" 
                + 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; 
        } 
        
    </script>  
</body>   
  
</html>

效果图：

1.gif

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

例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript清空数组</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> 
    <!-- 将数组大小设置为零 -->
    <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的长度为：" 
                + 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; 
        } 
        
    </script>  
</body>   
</html>

效果图：

2.gif

方法三：使用pop方法连续删除数组元素，得到空数组

pop()方法用于删除并返回数组的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript清空数组</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> 
    <!-- 将数组大小设置为零 -->
    <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的长度为：" 
                + GFG_Array.length; 
        function empty() { 
            while(GFG_Array.length > 0) { 
                GFG_Array.pop(); 
            } 
            down = document.getElementById("down"); 
            down.innerHTML = "GFG_Array的长度为：" 
                    + GFG_Array.length; 
            down1 = document.getElementById("down1"); 
            down1.innerHTML = "GFG_Array："+GFG_Array; 
        } 
        
    </script>  
</body>   
  
</html>

效果图：

3.gif

注：这种方法比其他方法花费的时间更多，而且不太受欢迎。

更多web前端知识，请查阅 HTML中文网 ！！

qq_43067585
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html一键清空数组中的内容,js删除元素对象或其内容（div、ulli、img、input等）
weixin_31032795的博客
06-03 1921
在Web前端设计过程中，用js删除元素对象经常会用到。例如某一个页面在加载完成时显示一条新闻，这条新闻只显示一次且仅显示一小段时间，则显示完后就需要把它删除或隐藏。在 javascript 中，删除元素其实是移除元素，用 removeChild() 方法，元素不能自己删除自己，所以只能用其父元素将其删除，所以用移除孩子的方法。无论用js删除页面级元素div，还是删除列表级元素 ulli、ulol，...
JavaScript中清空数组最有效的三种方法
流楚丶格念的博客
05-31 1万+
文章目录1、用“length”清除2、用“splice”清除3、用“[]”清除 1、用“length”清除 用length方法可以很轻松地清空数组，代码示例： var arr = [1,2,3]; 1 console.log(arr); arr.length = 0; console.log(arr); 123 结果如下： 2、用“splice”清除 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目 var arr = [1,2,3]; console.log(arr); arr.
JS数组学习之清空全部元素的4种方法（代码详解）
u012732909的博客
10-21 3万+
数组是JavaScript中的十分常用且重要的数据类型，而删除数组元素是一种常见的数组操作，JavaScript中内置了很多用于删除数组元素的函数，因此删除数组元素对我们来说并不难。那么删除数组元素的进阶版--清空数组要如何实现呢？今天我们就来一起了解下JS数组清空全部元素的方法。 本篇文章我们给大家介绍4种JS中清空数组的方法，通过代码实例来具体看看清空数组（删除数组全部元素）要如何操作。 【推荐学习：javascript高级教程】 方法1：直接赋予空数组[] var arr=new Arr
清空数组的三种方法，简单直观
sxjit的博客
04-07 3万+
清空数组这的方法其实很简单，常见的有三种： 1. 给数组的length设置为0 arr.length = 0 前提是该语言中数组的length是可写可读。 2. 直接赋值为空数组 arr = [] 3. 使用splice方法 arr.splice(0, arr.length) splice(index,number,item0,item1...,itemx)方法可以操作数组删除/替换/增加数...
JavaScript 清空数组的方法大全
最新发布
訾博（ZiBo）的博客
10-10 1134
Vue 3的`h`函数（`createVNode`）是前端开发中一个强大的工具，用于创建虚拟DOM节点。虚拟DOM是Vue框架中的核心概念，通过它，我们可以更高效地更新页面内容。本文将深入探讨Vue 3的`h`函数及其用法。
JavaScript中清空数组的方法总结
10-20
本文给大家总结了三种js清空数组的方法，每种方法都与众不同，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
JavaScript清空数组元素的两种方法简单比较
10-23
主要介绍了JavaScript清空数组元素的两种方法简单比较,罗列了几种常见的情况javascript数组的方法,并且比较了其中的两种常见方法,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript中清空数组的三种方法分享
10-28
在JavaScript中，清空数组是常见的操作，有多种方法可以实现这一目的。下面将详细介绍三种主要的方法，并讨论它们之间的差异和效率。 1. **使用`splice`方法** `splice()` 方法是JavaScript数组的一个内置方法，它...
javascript 删除数组元素和清空数组的简单方法
12-07
本篇文章将详细介绍如何使用JavaScript删除数组元素以及清空数组的几种方法。 1. **清空数组** 清空数组最简单的方法是使用`splice()`方法。例如： ```javascript var ary = [1, 2, 3, 4]; ary.splice(0, ary....
清空数组的几个方式
CRMEB小程序商城的博客
12-08 1万+
前言 前两天在工作当中遇到一个问题,在vue3中使用reactive生成的响应式数组如何清空,当然我一般清空都是这么写: let array = [1,2,3]; array = []; 复制代码 不过这么用在reactive代理的方式中还是有点问题，比如这样: let array = reactive([1,2,3]); watch(()=>[...array],()=>{ console.log(array); },) array = r.
转：js清空数组
aaa2549769750的博客
08-16 562
方式1，splice 1 2 3 varary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary);// 输出Array[0]，空数组，即被清空了 方式2，length赋值为0 这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如 1 2 ...
清空数组有几种方法
qq_29055201的博客
03-23 7489
1. 通过将数据的长度置为0 var arr = [1, 2, 3] arr.length = 0 2.通过splice方法 var arr = [1, 2, 3] while(arr.length){ arr.splice(0, 1) } 3. 直接将数组置为空数组 var arr = [1, 2, 3] arr = [] ...
JavaScript清空数组的三种方法
热门推荐
稷下学员的笔记博客
05-20 7万+
1、length 用length方法可以很轻松地清空数组，代码示例： var arr = [1,2,3]; console.log(arr); arr.length = 0; console.log(arr); 结果如下： 2、splise splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目 var arr = [1,2,3]...
JavaScript Array（数组）清空
hongweigg的专栏
08-30 9067
JavaScript Array（数组）清空可采用三种方式： 假设有数组 ： var a = [1,2,3]; 1、将长度属性置0。该方式最快捷 a.length=0; 2、使用splice移除 a.splice(0,a.length); 3、新建一个数组 a = []; 该方法可能会导致内存泄漏，最好能显式删除对象。
JavaScript中清空数组的三种方式
weixin_33885676的博客
04-04 711
方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了 方式2，length赋值为0 这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如 int[] ary = {1,2,3,4}; ary.leng...
js清空数组的三种方式
苗苗的博客
08-23 1052
js清空数组的三种方式: 1.array.splice(0,array.length); 2.array.length=0; 3.array=[]。
JavaScript中清空数组
渔夫
06-28 1095
如何在JavaScript中清空数组 方法一：将数组变量设置为大小为零的新数组 HTML代码: <button onclick="empty()"> 单击可清空 </button> <p id="down" style="color: green"></p> JS代码： var GFG_Array = [1, 2, 3, 4, 5]; ...
分别写有初始化数组, 清空数组, 逆置数组功能的函数
s11235218的博客
11-26 93
问题: 创建一个数组， 实现函数init（）初始化数组、 实现empty（）清空数组、 实现reverse（）函数完成数组元素的逆置。 要求：自己设计函数的参数，返回值。 问题解析: 函数书写主要就是传值问题, 只要这个问题解决就没什么问题 #include <stdio.h> #include <stdlib.h> //初始化数组 void init(int arr[10...
JavaScript 怎么清空数组?(多种方法)
04-12
可以使用以下几种方法清空 JavaScript 数组: 1. 使用数组的 length 属性，将其设置为 0。 2. 使用数组的 splice() 方法，将所有元素都删除掉。 3. 使用数组的 pop() 方法，将数组中的所有元素都弹出。 4. 使用数组...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值