js刪除數組裏的某個元素

原文連接:http://caibaojian.com/js-splice-element.htmljavascript

刪除數組指定的某個元素

首先能夠給js的數組對象定義一個函數,用於查找指定的元素在數組中的位置,即索引,代碼爲:html

Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};

而後使用經過獲得這個元素的索引,使用js數組本身固有的函數去刪除這個元素:
代碼爲:前端

Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};

這樣就構造了這樣一個函數,好比我有有一個數組:java

//code from http://caibaojian.com/js-splice-element.html
var emp = ['abs','dsf','sdf','fd']

假如咱們要刪除其中的 'fd' ,就能夠使用:jquery

emp.remove('fd');

刪除的數組的某一項

splice(index,len,[item])    註釋:該方法會改變原始數組。數組

splice有3個參數,它也能夠用來替換/刪除/添加數組內某一個或者幾個值·app

index:數組開始下標        len: 替換/刪除的長度       item:替換的值,刪除操做的話 item爲空函數

如:arr = ['a','b','c','d']this

刪除spa

//刪除起始下標爲1,長度爲1的一個值(len設置1,若是爲0,則數組不變)
var arr = ['a','b','c','d'];
arr.splice(1,1);
console.log(arr);  
//['a','c','d']; 

//刪除起始下標爲1,長度爲2的一個值(len設置2)
var arr2 = ['a','b','c','d']
arr2.splice(1,2);
console.log(arr2); 
//['a','d']

替換

//替換起始下標爲1,長度爲1的一個值爲‘ttt’,len設置的1
var arr = ['a','b','c','d'];
arr.splice(1,1,'ttt');
console.log(arr);        
//['a','ttt','c','d'] 

var arr2 = ['a','b','c','d'];
arr2.splice(1,2,'ttt');
console.log(arr2);       
//['a','ttt','d'] 替換起始下標爲1,長度爲2的兩個值爲‘ttt’,len設置的1

添加 ----  len設置爲0,item爲添加的值

var arr = ['a','b','c','d'];
arr.splice(1,0,'ttt');
console.log(arr);        
//['a','ttt','b','c','d'] 表示在下標爲1處添加一項'ttt'

2:delete      

delete刪除掉數組中的元素後,會把該下標出的值置爲undefined,數組的長度不會變

var arr = ['a','b','c','d'];
delete arr[1];
arr;  
//["a", undefined × 1, "c", "d"] 中間出現兩個逗號,數組長度不變,有一項爲undefined

更多相關推薦:

  1. javascript數組的方法
  2. javascript數組去重
  3. javascript經常使用代碼大全

更新2016-11-17:在stackoverflow高分回答上看到jquery之父John Resig曾經的文章寫過的一個代碼:

// Array Remove - By John Resig (MIT Licensed) Array.prototype.remove = function(from, to) { var rest = this.slice((to || from) + 1 || this.length); this.length = from < 0 ? this.length + from : from; return this.push.apply(this, rest); };

下面給出一些實際的用例:

// 移除數組中的第二項 array.remove(1); // 移除數組中的倒數第二項 array.remove(-2); // 移除數組中的第二項和第三項(從第二項開始,刪除2個元素) array.remove(1,2); // 移除數組中的最後一項和倒數第二項(數組中的最後兩項) array.remove(-2,-1);

這個例子跟上面第一個的仍是挺類似的,不過沒有檢查元素的具體項目,而是經過元素在數組的下標位置來定位刪除。


來源:前端開發博客

相關文章
相關標籤/搜索