JavaScript清空数组的几种方法

最新推荐文章于 2021-12-22 10:39:57 发布
最新推荐文章于 2021-12-22 10:39:57 发布
阅读量187 收藏
点赞数
分类专栏： 前端 文章标签： JavaScript

在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>

效果图：

方法二：使用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>

效果图：

方法三：使用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>

效果图：

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

本文参考地址：https://www.html.cn/qa/javascript/10287.html

想出轨的电动车
关注
专栏目录
JavaScript中清空数组的三种方式
猿飞梦的博客
10-18 3176
方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了 定义和用法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 语法 arrayObject.splice(index,howmany,item1...
js清空数组的方法
weixin_30949361的博客
03-12 127
方式1：splice函数 arrayObject.splice(index,howmany,element1,.....,elementX) index：必选，规定从何处添加/删除元素。 howmany：必选，规定应该删除多少元素。未规定此参数，则删除从 index 开始到原数组结尾的所有元素。 element1:可选，规定要添加到数组的新元素。 <script type ="...
JavaScript清空数组
也简的博客
12-22 786
JavaScript清空数组的几种方法
【前端用法】form表单重置、清空方法记录
No8g攻城狮的博客
01-19 8380
首先：contact-form 是form的id属性值 方法一：调用reset（）方法 document.getElementById("contact-form")[0].reset(); 注意：网上说用document.getElementById("myform").reset();可以重置的，实际上并不能清空表单内容，因为用document.getElementById()或者do...
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清空数组元素的两种方法简单比较
10-23
首先，来看看JavaScript中常见的几种清空数组的方法： 1. `arr = [];` — 直接将变量`arr`重新赋值为空数组，这是最直接和常见的清空数组的方法。它会创建一个新的空数组对象，并让原数组变量`arr`指向它。 2. `...
javascript 删除数组元素和清空数组的简单方法
12-07
本篇文章将详细介绍如何使用JavaScript删除数组元素以及清空数组的几种方法。 1. **清空数组** 清空数组最简单的方法是使用`splice()`方法。例如： ```javascript var ary = [1, 2, 3, 4]; ary.splice(0, ary....
JavaScript中清空数组的三种方式对比以及JavaScript常用数组操作方法
liinux-Talk is cheap,show me the code.
05-26 1161
方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 []，空数组，即被清空了 定义和用法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 语法 arrayObject.splice(index,howmany,item1,.....,itemX) 参数 描述 index 必需。整数，规定添加/删除项目的位置
JavaScript数组去重的几种方法效率测试
10-21
JavaScript数组去重是前端面试酷爱的问题，问题...数组去重的方法有很多，到底哪种是最理想的我不清楚。于是我测试了下数组去重的效率。测试二十万个数据，随着数据越多效率很明显的就体验了出来。下面来一起看看吧。
JavaScript中清空数组最有效的三种方法
赵同学的博客
03-02 6242
1、用“length”清除 用length方法可以很轻松地清空数组，代码示例： var arr = [1,2,3]; console.log(arr); arr.length = 0; console.log(arr); 结果如下： 2、用“splice”清除 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目 var arr = [1,2,3]; console.log(arr); arr.splice(0); console.log(arr); 结果如下： 3、用“[]”清
JavaScript Array（数组）清空
hongweigg的专栏
08-30 9119
JavaScript Array（数组）清空可采用三种方式： 假设有数组 ： var a = [1,2,3]; 1、将长度属性置0。该方式最快捷 a.length=0; 2、使用splice移除 a.splice(0,a.length); 3、新建一个数组 a = []; 该方法可能会导致内存泄漏，最好能显式删除对象。
清空数组的三种方法，简单直观
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)方法可以操作数组删除/替换/增加数...
转：js清空数组
aaa2549769750的博客
08-16 577
方式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 7547
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 = [] ...
清空数组的几个方式
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.
上市公司财务指标现金流分析1991-202406的网盘链接.docx
10-20
Stkcd [股票代码] ShortName [股票简称] Accper [统计截止日期] Typrep [报表类型编码] Indcd [行业代码] Indnme [行业名称] Source [公告来源] F060101B [净利润现金净含量] F060101C [净利润现金净含量TTM] F060201B [营业收入现金含量] F060201C [营业收入现金含量TTM] F060301B [营业收入现金净含量] F060301C [营业收入现金净含量TTM] F060401B [营业利润现金净含量] F060401C [营业利润现金净含量TTM] F060901B [筹资活动债权人现金净流量] F060901C [筹资活动债权人现金净流量TTM] F061001B [筹资活动股东现金净流量] F061001C [筹资活动股东现金净流量TTM] F061201B [折旧摊销] F061201C [折旧摊销TTM] F061301B [公司现金流1] F061302B [公司现金流2] F061301C [公司现金流TTM1] F061302C [公司现金流TTM2] F061401B [股权现金流1] F061402B [股权现金流2] F061401C [股权现金流TTM1] F061402C [股权现金流TTM2] F061501B [公司自由现金流(原有)] F061601B [股权自由现金流(原有)] F061701B [全部现金回收率] F061801B [营运指数] F061901B [资本支出与折旧摊销比] F062001B [现金适合比率] F062101B [现金再投资比率] F062201B [现金满足投资比率] F062301B [股权自由现金流] F062401B [企业自由现金流] Indcd1 [行业代码1] Indnme1 [行业名称1] 季度数据，所有沪深北上市公司的 分别包含excel、dta数据文件格式及其说明，便于不同软件工具对数据的分析应用 数据来源：基于上市公司年报及公告数据整理，或相关证券交易所、各部委、省、市数据 数据范围：基于沪深北证上市公司 A股（主板、中小企业板、创业板、科创板等）数据整理计算
Jetpack编写桌面数据包捕获. Support Ethernet,ARP,ICMP,TCP,UDP packet（协议抓
最新发布
10-20
Jetpack编写桌面数据包捕获. Support Ethernet,ARP,ICMP,TCP,UDP packet（协议抓包软件）_ComposeCap
JSP041航空订票系统毕业课程源码设计+论文资料+答辩ppt
10-20
编号：346 程序测试软件：Eclipse/Idea 数据库：Sqlserver2008以上版本 系统信息实体： （1）航班信息(航班编号，航班班次，价格，路线，总票数，起飞时间，上传图片，备注） （2）用户信息(用户编号，用户名称，密码，用户类型，地址，单位，注册时间，图片，备注，性别） （3）网站发布信息(信息编号，标题，内容，上传时间，上传人，备注） （4）票务信息(订票编号，订票人编号，航空班次，注册时间，票价，内容，是否通过验证，备注，订票人年龄，订票人住址，订票方式，订票时间）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值