js刪除數組里的某個元素


原文鏈接:http://caibaojian.com/js-splice-element.html

刪除數組指定的某個元素

首先可以給JS的數組對象定義一個函數,用於查找指定的元素在數組中的位置,即索引,代碼為:

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);
}
};

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

var emp = ['abs','dsf','sdf','fd']

假如我們要刪除其中的 'fd' ,就可以使用:

//code from http://caibaojian.com/js-splice-element.html
emp.remove('fd');

刪除的數組的某一項

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

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

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

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

刪除

//刪除起始下標為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']

via替換原文來自:http://caibaojian.com/js-splice-element.html

//替換起始下標為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);

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM