js-清空array数组

article/2025/11/5 5:57:01

三种实现方式

1.splice:删除元素并添加新元素,直接对数组进行修改,返回含有被删除元素的数组。
arrayObject.splice(index,howmany,element1,…,elementX)
index:必选,规定从何处添加/删除元素。
howmany:必选,规定应该删除多少元素。未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
element1:可选,规定要添加到数组的新元素。

1 <script type ="text/javascript">  
2        var arr = [1,2,3,4];  
3        arr.splice(0,arr.length);  
4        document.write(arr);//  
5 </script>  

2.length属性:设置或返回数组中元素的数目。
arrayObject.length
length=元素最后一个下标+1,length值为0清空数组内的元素(不包括下标不为整数的数组元素)。
设置的length值比当前数组对应的值小,数组将被截断,尾部的元素丢失。
设置的length值比当前数组对应的值大,数组将增大,新的元素被添加到数组尾部,值为 undefined。

1 var ary = [1,2,3,4];
2 ary.length = 0;
3 console.log(ary); // 输出 [],空数组,即被清空了

方式3,赋值为[]

1 var ary = [1,2,3,4];
2 ary = []; // 赋值为一个空数组以达到清空原数组

这里其实并不能说是严格意义的清空数组,只是将ary重新赋值为空数组,之前的数组如果没有引用在指向它将等待垃圾回收。
方式2 保留了数组其它属性,方式3 则未保留。很多人认为方式2的效率很高些,因为仅仅是给length重新赋值了,而方式3则重新建立个对象。经 测试 恰恰是方式3的效率高。测试代码:

var a = [];
for (var i=0; i< 1000000; i++){a.push(i);
}
var start = new Date();
//a = [];
a.length = 0;
var end = new Date();
alert(end - start);

测试结果:
在这里插入图片描述
以上结果可看到:方式3更快,效率更高。因此如果不保留原数组的其它属性Ext采用的方式更值得推荐。


http://chatgpt.dhexx.cn/article/fpuPAarx.shtml

相关文章

Vue中实现清空数组和清空el-table

场景 要实现的效果是 那么就要用到怎样将这个el-table清空&#xff0c;即在vue中怎样将数组清空。 注&#xff1a; 博客&#xff1a;https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 首先将这个el-tab…

JavaScript清空数组的三种方法

1、用“length”清除 用length方法可以很轻松地清空数组&#xff0c;代码示例&#xff1a; var arr [1,2,3]; console.log(arr); arr.length 0; console.log(arr); 结果如下&#xff1a; 2、用“splice”清除 splice() 方法向/从数组中添加/删除项目&#xff0c;然后返回…

JavaScript中清空数组最有效的三种方法

文章目录 1、用“length”清除2、用“splice”清除3、用“[]”清除 1、用“length”清除 用length方法可以很轻松地清空数组&#xff0c;代码示例&#xff1a; var arr [1,2,3]; 1 console.log(arr); arr.length 0; console.log(arr); 123结果如下&#xff1a; 2、用“spli…

MVEL快速入门—MVEL属性和文字讲解(二)

相关文章 &#x1f525; MVEL快速入门—MVEL基础语法讲解&#xff08;一&#xff09; 以下为今日内容&#xff1a; 属性信息 MVEL的属性信息保持了其他bean一般通常使用的形式&#xff0c;略有区别的是&#xff0c;MVEL为访问属性、静态信息、Map等提供了统一的访问形式 Bea…

MVEL快速入门—MVEL基础语法讲解(一)

概述 MVEL是从英文翻译而来的&#xff0c;MVFLEX表达式语言是Java平台的动态/静态混合类型的运行时可嵌入表达式语言。该项目最初是作为应用程序框架的实用语言开始的&#xff0c;现在已完全独立开发。MVEL通常用于通过XML文件或注释等配置将基本逻辑公开给最终用户和程序员。它…

MVEL快速入门—MVEL流程控制和高级功能(三)

之前文章 MVEL快速入门—MVEL基础语法讲解&#xff08;一&#xff09; MVEL快速入门—MVEL属性和文字讲解&#xff08;二&#xff09; 流程控制 实际上MVEL的表达形式不仅仅局限于简单的表达式&#xff0c;他还支持流程控制。使我们能够执行高级的脚本。 if - then - else M…

int 类型和double类型数值转换

类型自动转换规则&#xff1a; 参与运算&#xff08;算数运算和赋值运算&#xff09;操作数和结果类型必须一致&#xff0c; 不一致时启动隐式转换&#xff1a; 两种类型兼容&#xff1a;int 和double兼容&#xff08;都是数字类型&#xff09; 目标类型大于原类型 Int 类型取值…

double转int精度丢失问题

先来看一下精度丢失的现象&#xff1a; #include <iostream> #include <cmath> using namespace std;int main() {double a 74.46;int b a * 100;cout << "a: " << a << " b: " << b <<endl;return 0; }结果…

double转换成int java,Java将double转换为int

本文概述 我们可以使用类型转换在Java中将double转换为int。要将double数据类型转换为int, 我们需要执行类型转换。 Java中的类型转换通过类型转换运算符(数据类型)执行。 在这里, 我们将学习如何将double基本类型转换为int以及将Double对象转换为int。 Java double to int示例…

int 转 double 的一个坑

int 转 double 的一个坑 首先&#xff0c;看这样这个语句 int max (int) Math.pow(2, 31);输出的应该是 2 32 2^{32} 232 的值&#xff0c;我们看运行结果 我们再看看科学计算器算出来的 这个时候问题就出来了&#xff0c;我们对比发现&#xff0c;结果相差1。 这里就是一个…

int转double会存在丢失?

问题是这样的&#xff0c;当我用一个int类型的值去整除100的时候&#xff0c;结果用double类型接收&#xff0c;直接变成0.0了&#x1f623; int a97;double ba/100;System.out.println("result:"b);输出结果如下&#xff1a; 正确写法&#xff1a; //1 double ba/…

C#基础③——类型转换(int转double、double转int、Convert)

类型转换是什么&#xff1f; 不同数据类型间的转换&#xff0c;如&#xff1a;将int类型转换为string类型 为什么需要类型转换&#xff1f; 从控制台接收到的用户输入的内容都是string类型&#xff0c;如果要进行计算&#xff0c;就需要将接收到的内容转换成数值类型 什么是…

在HTML中画一条横线

怎么画一条横线&#xff1f;我想到的有三种方法&#xff0c;但是各自样式不一&#xff0c;所以大家按需求来哦。 1.<hr />标签&#xff0c;对的&#xff0c;这个标签就代表一条横线&#xff0c;样式大概是这样的&#xff0c;如图&#xff08;a与b之间哦&#xff09;&…

如何去掉HTML中文字下面显示的横线

之前的状态&#xff1a; 之后的状态&#xff1a; 其实只需要在相对应的css样式中添加&#xff1a; text-decoration: none;

横线-文字-横线的html-css布局

很多时候网页上需要下面的布局&#xff1b; 这个很容易搞定&#xff1b;代码如下&#xff1a; <table align"center" border0 width1100 height80 style"margin:0 auto;"><tr><td> <hr style"border:2px double ##1e90ff"…

css样式,中间文字,两边横线

在项目中遇到过中间文字&#xff0c;两边横线的布局&#xff0c;如下图&#xff1a; 两边横线我们可以使用标签的上边框或者下边框&#xff0c;然后对中间的文字使用 vertical-align 属性来控制。 html <div class"order"><span class"line">…

css实现文字左右添加横线

css实现文字左右添加横线 方法一、div标签实现 HTML&#xff1a; <div class"thirdLine"><span class"line"></span><div class"txt"><span>第三方登陆</span></div><span class"line"…

html+css实现横向时间线

实现效果 布局思路 知识点 中间横线&#xff1a;position垂直居中 圆&#xff1a;定位居中&#xff0c;添加背景色&#xff0c;boder 上下错位文字&#xff1a;奇偶选择器控制定位位置 左右另外添加一个盒子 箭头&#xff1a;css绘制三角形然后居中 width: 0; height:0; …

html中竖线怎么写,HTML如何写出竖线

HTML写出竖线的方法&#xff1a;首先创建一个HTML示例文件&#xff1b;然后在body中创建p标签内容&#xff1b;最后通过“border-left:3px solid #369;”属性实现竖线效果即可。 本文操作环境&#xff1a;windows7系统、HTML5&&CSS3版&#xff0c;DELL G3电脑 html&…