JavaScript 删除数组元素与清空数组的几种实现方式
本文介绍JavaScript中删除数组元素和清空数组的多种方法。重点解析splice方法的参数用法及其在删除同时新增元素的功能,对比delete操作对数组长度和索引的影响。此外,还展示了通过slice和concat自定义删除数组项的高效实现,以及利用length属性截断数组的技巧,帮助开发者根据实际需求选择合适方案。
JavaScript 数组操作概述
JavaScript 中移除数组项及清空列表的简易方案
清空数组的方法
一、清空数组
var ary = [1,2,3,4];
ary.splice(0,ary.length);//清空数组
console.log(ary); // 输出 [],空数组,即被清空了
删除数组元素的常见方式
二、移除数组元素
var ary = [1,2,3,4];
ary.splice(0,1);
或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置。
JS删除数组的几种具体实现
三,JS 移除数组的多种手段
var arr=[‘a','b','c'];
若需移除 'b',存在两种途径:
**1,**delete 运算符:delete arr[1]
此法数组长度维持原状,arr[1] 转为 undefined,但原有索引保留,遍历需采用
for(index in arr)
{
document.write('arr['+index+']='+arr[index]);
}
此遍历机制会跳过 undefined 元素
* 该机制自 IE4.o 起均受支持
2,数组对象 splice 方法:arr.splice(1,1);
此法数组长度随之变化,原有索引亦随之调整
splice 首个参数 1 代表删除起始索引(从 0 计),此处指向数组第二项
第二个参数 1 代表删除元素数量,此处仅移除一个元素,即 'b';
此时遍历数组可采用常规方式,例如 for,因被删元素
在数组中不再保留
该方法 IE5.5 后受支持 值得注意的是 splice 在移除元素同时,亦可向数组插入新元素
例如 arr.splice(1,1,'d','e'),'d' 和 'e' 即被加入数组 arr
结果数组变为 arr:'a','d','e','c'
此外,JavaScript 通过设定数组 length 属性来截断数组,此为缩短数组长度的唯一途径。
若使用 delete 运算符移除数组元素,尽管该元素变为未定义,但数组 length 属性并不改变两种移除元素且改变数组长度的方法。
/*
* 方法:Array.remove(dx)
* 功能:删除数组元素.
* 参数:dx删除元素的下标.
* 返回:在原数组上修改数组
*/
//经常用的是通过遍历,重构数组.
Array.prototype.remove=function(dx)
{
if(isNaN(dx)||dx>this.length){return false;}
for(var i=0,n=0;i<this.length;i++)
{
if(this[i]!=this[dx])
{
this[n++]=this[i]
}
}
this.length-=1
}
a = ['1','2','3','4','5'];
alert("elements: "+a+"nLength: "+a.length);
a.remove(0); //删除下标为0的元素
alert("elements: "+a+"nLength: "+a.length);
/*
* 方法:Array.baoremove(dx)
* 功能:删除数组元素.
* 参数:dx删除元素的下标.
* 返回:在原数组上修改数组.
*/
//也可以用splice来实现.
Array.prototype.baoremove = function(dx)
{ // www.jb51.net
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}
b = ['1','2','3','4','5'];
alert("elements: "+b+"nLength: "+b.length);
b.baoremove(1); //删除下标为1的元素
alert("elements: "+b+"nLength: "+b.length);
在 IE5 或更低版本中,JavaScript 的 Array(数组)对象未提供现成的移除数组元素方法。在 IE5.5+ 版本中,虽有 splice 方法,但并非移除某一项(或几项),而仅仅是将某一项(或几项)的值清除,也就是说该项仍然存在,数组的长度并没有改变。
事实上,可自行扩展数组增加一个移除方法(注意,此处指将数组的某一项真正的从数组成员中移除)。或许,会想到用循环来为数组重新赋值,这样做当然可以,但效率很低。
以下介绍利用 Array 对象的两个方法 slice、concat 来自定义移除数组的方法。
Array.prototype.del=function(n) { //n表示第几项,从0开始算起。
//prototype为对象原型,注意这里为对象增加自定义方法的方法。
if(n<0) //如果n<0,则不进行任何操作。
return this;
else
return this.slice(0,n).concat(this.slice(n+1,this.length));
/*
concat方法:返回一个新数组,这个新数组是由两个或更多数组组合而成的。
这里就是返回this.slice(0,n)/this.slice(n+1,this.length)
组成的新数组,这中间,刚好少了第n项。
slice方法: 返回一个数组的一段,两个参数,分别指定开始和结束的位置。
*/
}
//自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3); //从0算起,删除第4项。
alert(test);
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
