快捷導(dǎo)航

基于JavaScript實(shí)現(xiàn)移除(刪除)數(shù)組中指定元素

更新時(shí)間：2016年01月04日 09:31:36 作者：程序員小菜

在Array對(duì)象中有給定的函數(shù)可以刪除數(shù)組中指定的元素，雖然非常好用，但是總感覺(jué)看不到摸不著的比較別扭，下面就分享一個(gè)自定義的刪除數(shù)組指定索引值元素的函數(shù)，希望給大家一個(gè)全新的思路

在Array對(duì)象中有給定的函數(shù)可以刪除數(shù)組中指定的元素，雖然非常好用，但是總感覺(jué)看不到摸不著的比較別扭，下面就分享一個(gè)自定義的刪除數(shù)組指定索引值元素的函數(shù)，希望給大家一個(gè)全新的思路。

代碼實(shí)例如下:

var array=[]; 
array[0]="腳本之家一"; 
array[1]="腳本之家二"; 
array[2]="腳本之家三"; 
array[3]="腳本之家四"; 
array[4]="腳本之家五"; 
function remove(array,index)
{ 
 if(index<=(array.length-1))
 { 
  for(var i=index;i<array.length;i++)
  { 
   array[i]=array[i+1]; 
  } 
 }
 else
 { 
  throw new Error('超出最大索引！'); 
 } 
 array.length=array.length-1; 
 return array; 
} 
document.write(remove(array,2));

以上代碼中，聲明一個(gè)remove()函數(shù)，此函數(shù)具有兩個(gè)參數(shù)，第一個(gè)參數(shù)是數(shù)組對(duì)象，第二個(gè)參數(shù)是要?jiǎng)h除數(shù)組元素的索引值，所以上面的代碼能夠刪除數(shù)組中的第三個(gè)元素，并輸出刪除元素戶的數(shù)組。實(shí)現(xiàn)的原理也非常的簡(jiǎn)單，做一下簡(jiǎn)單的介紹:

remove()函數(shù)首先判斷傳入的索引值是否大約數(shù)組的最大索引值array.length-1，如果大于則拋出錯(cuò)誤，否則的話則將使用for循環(huán)從索引值i開(kāi)始進(jìn)行遍歷，將索引值為i的數(shù)組值設(shè)置為低i+1項(xiàng)的，依次類(lèi)推，原理大體如此，如有任何問(wèn)題可以跟帖留言。

ps:js刪除數(shù)組指定元素

var a = new Array("a","b","cc","d3");
//刪除a數(shù)組的cc元素
//jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。
該函數(shù)屬于全局jQuery對(duì)象。 jquery 1.2中添加的該靜態(tài)方法
var index = $.inArray("cc",a);
if(index>=0){
//arrayObject.splice(index,howmany,item1,.....,itemX)
//參數(shù)  描述
//index 必需。整數(shù)，規(guī)定添加/刪除項(xiàng)目的位置，使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。
//howmany 必需。要?jiǎng)h除的項(xiàng)目數(shù)量。如果設(shè)置為 0，則不會(huì)刪除項(xiàng)目。
//item1, ..., itemX 可選。向數(shù)組添加的新項(xiàng)目。
 a.splice(index,1);
 alert(a.toString());
}else{
 alert("error");
 return false;
}

您可能感興趣的文章: