原文連接: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
更多相關推薦:
更新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);
這個例子跟上面第一個的仍是挺類似的,不過沒有檢查元素的具體項目,而是經過元素在數組的下標位置來定位刪除。
來源:前端開發博客