首頁 > web前端 > js教程 > js刪除數組元素、清空數組的簡單方法

js刪除數組元素、清空數組的簡單方法

高洛峰
發布: 2017-01-20 11:01:35
原創
1100 人瀏覽過

一、清空陣列

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 刪除陣列幾種方法

var arr=['a','b'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 = [&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;];
 alert("elements: "+a+"nLength: "+a.length);
 a.remove(0); //删除下标为0的元素
 alert("elements: "+a+"nLength: "+a.length);
登入後複製

例2,

/*
  * 方法: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 = [&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;];
 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);
登入後複製

以上程式碼,僅靈活運用了Array物件的兩個方法,便實現了基本要求,不錯。

以上這篇js刪除數組元素、清空數組的簡單方法(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多js刪除數組元素、清空數組的簡單方法相關文章請關注PHP中文網! 🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板