javascript中array如何刪除某個元素

這篇文章主要介紹了javascript中array如何刪除某個元素，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

javascript array刪除某個元素的方法：首先給javascript的array數組對象定義一個函數，用于查找指定的元素在數組中的位置；然后獲取這個元素的索引；最后通過remove函數去刪除這個元素即可。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

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' ,就可以使用：

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']

替換

//code from 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

更新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);

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

JavaScript的作用是什么

1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創建和修改等。7、基于Node.js技術進行服務器端編程。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript中array如何刪除某個元素”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!