1. 程式人生 > >js刪除數組裡的某個元素

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

替換

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

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


來源:前端開發部落格

相關推薦

JS刪除某個元素方法

刪除陣列指定的某個元素 首先可以給JS的陣列物件定義一個函式,用於查詢指定的元素在陣列中的位置,即索引,程式碼為: ? 1 2 3 4 5 6 Array.prototype.indexOf = function(val) { for (var

js刪除某個元素

原文連結:http://caibaojian.com/js-splice-element.html刪除陣列指定的某個元素首先可以給js的陣列物件定義一個函式,用於查詢指定的元素在陣列中的位置,即索引,程式碼為:Array.prototype.indexOf = functio

js刪除元素、清空的簡單方法

clas ray 元素 方法 tro class 刪除 blog 索引 一、清空數組 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空數組 console.log(ary); // 輸出 [],空數組,即被清

js 刪除中多個元素

true arr return contain index var nbsp log dex js中如果使用forEach的話 , splice刪除的時候會導致js的數組的length發生改變 , 因此會出現本應該刪除的元素沒有被刪除 . 因此 , 我的想法是 : 使用i

JS 刪除元素方法

ice function cti remove dex bsp arr 數組 ray Array.prototype.remove = function(val) { var index = this.indexOf(val); if(index >

js計算的物件的某個值相同,其餘值相加

let arry=[ {Code:'x',Quantity:1,ItemType:'normal'}, {Code:'x',Quantity:2,ItemType:'normal

js判斷是否有重複元素的方法

// 方法一,正則判斷------本人已經測試過,其他的沒有測試過。 var ary = new Array("111","ff","222","aa","222"); alert(mm(ary)) // 驗證重複元素,有重複返回true;否則返回false function mm(a) {    retu

去掉二維某個元素重復的一維

reac 二維 ray bsp array arr val 維數 二維數組 $i = [0]; foreach($data as $key => &$value){ if(in_array($value[‘patient_id‘],$i)){

刪除中的元素

args color pre str ring logs new 元素 col 1 public class Demo03 { 2 static char ch[] = {‘1‘,‘2‘,‘3‘,‘4‘}; 3 static char ch01[]

判斷某個元素的個數

highlight arr ava 個數 判斷 元素 emp push [] arrCheck(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) { var temp = arr[

mysql取某個字段中的內容有等於某個元素

code wid prepare HERE sre 我們 idt mys span $arr =array("a","b","1","2"); 假設表名為acticle,字段為isread,表如下 id isread 1 1,3,4 2 a 3 3

java如何向新增元素

java篇 哇,菜鳥第一次寫這個東西,當加深印象,大佬們請略過,歡迎有錯指出。 向數組裡新增一個元素怎麼新增,這兒總結有三種方法: 1、一般陣列是不能新增元素的,因為他們在初始化時就已定好長度了,不能改變長度。 但有個可以改變大小的陣列為ArrayList,即可以定義一個ArrayL

mongodb java 刪除的某一個數據

最近專案裡有一個需求要刪除mongodb 數組裡的某一個數據,就面向百度程式設計了 mongo的命令找到了 下面具體講下如何刪除 刪除mongo簡單陣列的陣列 例子如下 例1 簡單陣列 { "_id" : ObjectId("5b921e02d833f81e08fb

jQuery判斷元素是否一樣

var shuzu = []; var isTrue = true; //作為是否一樣的標識//另附:取多選框選中行的td中的值 $("input[name='checkwpbh']:checked").each(function(){ var

js所有奇數的和的平均值

// 9個整數,可隨意輸入的寫法var arr = new Array(); var input = 0; var res = 0; var a = 0; for (i = 0; i < 9;i++ ) { input = win

js判斷一個物件是否存在某個元素

物件陣列  var trackObj1={                     "trackId":31,                     "direcLine":"line31"  

JS實現循環刪除元素的方法介紹

blog 但是 rom 移除 ons 朋友 function cnblogs 調整 這篇文章主要給大家介紹了關於Javascript循環刪除數組中元素的幾種方法,文中給出了詳細的示例代碼供大家參考學習,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。 本文主

JS根據下表刪除元素

proto blog 根據 temp fun isn prot pan i++ //新增根據數組下表remove元素方法 Array.prototype.remove = function(obj){ for(var i=0;i&

刪除中指定的某個元素

con var 指定 數組 == pos clas mov ole /** * 刪除數組中指定的某個元素 */ function removeByValue(arr, val) { for(var i=0; i<arr.length; i++) {

二分查詢(查詢某個元素

二分查詢(折半查詢) 陣列元素有序 陣列的元素必須有順序,從小到大或者從大到小。 1、定義一個有序的陣列 <?php $max = 10000; // 陣列最大值 $number = 1; // 陣列開始值 $arr = []; // 陣列 while