首頁 > web前端 > js教程 > 主體

js如何刪除陣列裡的某個元素

小云云
發布: 2018-03-10 15:49:35
原創
2353 人瀏覽過

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 = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]
登入後複製

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

//code from http://caibaojian.com/js-splice-element.html
emp.remove(&#39;fd&#39;);
登入後複製

刪除的數組的某一項

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

splice有3個參數,它也可以用來替換/刪除/新增陣列內某一個或幾個值·

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

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

#刪除

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
arr.splice(1,1);
console.log(arr);  
//[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]; 

//删除起始下标为1,长度为2的一个值(len设置2)
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]
arr2.splice(1,2);
console.log(arr2); 
//[&#39;a&#39;,&#39;d&#39;]
登入後複製

替換

//替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
arr.splice(1,1,&#39;ttt&#39;);
console.log(arr);        
//[&#39;a&#39;,&#39;ttt&#39;,&#39;c&#39;,&#39;d&#39;] 

var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
arr2.splice(1,2,&#39;ttt&#39;);
console.log(arr2);       
//[&#39;a&#39;,&#39;ttt&#39;,&#39;d&#39;] 替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
登入後複製

新增----  len設定為0,item為新增的值

var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
arr.splice(1,0,&#39;ttt&#39;);
console.log(arr);        
//[&#39;a&#39;,&#39;ttt&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 表示在下标为1处添加一项&#39;ttt&#39;
登入後複製

2:delete      

delete刪除掉陣列中的元素後,會把該下標示的值置為undefined,陣列的長度不會變

var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
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);
登入後複製

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

相關推薦:

5種JavaScript刪除陣列重複元素的演算法

#PHP刪除陣列中指定下標元素的實例程式碼

php如何刪除陣列中的某個元素用法摘要

以上是js如何刪除陣列裡的某個元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板