js如何刪除陣列裡的某個元素,本文主要和大家分享js刪除陣列裡的某個元素的方法實例。
首先可以為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']
替換
//替换起始下标为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
更多相關推薦:
javascript數組的方法
javascript數組去重
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);
這個範例跟上面第一個的還挺相似的,不過沒有檢查元素的具體項目,而是透過元素在數組的下標位置來定位刪除。
相關推薦:
以上是js如何刪除陣列裡的某個元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!