JavaScript找到並刪除基於鍵值的數組中的對象

Question

我一直在嘗試幾種方法如何找到一個數組中的對象，其中ID = var，如果找到，從數組中刪除對象並返回新數組的物體。

數據：

[ 
    {"id":"88","name":"Lets go testing"}, 
    {"id":"99","name":"Have fun boys and girls"}, 
    {"id":"108","name":"You are awesome!"} 
] 

我能夠搜索到使用jQuery的grep $數組;

var id = 88; 

var result = $.grep(data, function(e){ 
    return e.id == id; 
}); 

但我怎麼能刪除整個對象時，ID = = 88，並返回這樣的數據：

數據：

[ 
    {"id":"99","name":"Have fun boys and girls"}, 
    {"id":"108","name":"You are awesome!"} 
] 

Answer 1

我可以grep此ID的數組，但我怎麼能刪除整個對象其中id == 88

由相對謂詞只需進行過濾：

var data = $.grep(data, function(e){ 
    return e.id != id; 
}); 

Answer 2

您可以簡化這一點，沒什麼這裏不需要使用jquery。

var id = 88; 

for(var i = 0; i < data.length; i++) { 
    if(data[i].id == id) { 
     data.splice(i, 1); 
     break; 
    } 
} 

通過名單只是想迭代，找到匹配的ID，拼接，再突破，退出你的循環

Answer 3

確保你要挾的對象ID爲整數，如果你測試全等：

var result = $.grep(data, function(e, i) { 
    return +e.id !== id; 
}); 

Demo

Answer 4

var items = [ 
    {"id":"88","name":"Lets go testing"}, 
    {"id":"99","name":"Have fun boys and girls"}, 
    {"id":"108","name":"You are awesome!"} 
]; 

如果您正在使用jQuery，使用jQuery.grep這樣的：

items = $.grep(items, function(item) { 
    return item.id !== '88'; 
}); 
// items => [{ id: "99" }, { id: "108" }] 

使用ES5 Array.prototype.filter：

items = items.filter(function(item) { 
    return item.id !== '88'; 
}); 
// items => [{ id: "99" }, { id: "108" }] 

Answer 5

Array.prototype.removeAt = function(id) { 
    for (var item in this) { 
     if (this[item].id == id) { 
      this.splice(item, 1); 
      return true; 
     } 
    } 
    return false; 
} 

這應該做的伎倆，jsfiddle

Answer 6

也許你正在尋找$.grep()功能：

arr = [ 
    {"id":"88","name":"Lets go testing"}, 
    {"id":"99","name":"Have fun boys and girls"}, 
    {"id":"108","name":"You are awesome!"} 
]; 

id = 88; 
arr = $.grep(arr, function(data, index) { 
    return data.id != id 
}); 

Answer 7

假設ID是唯一的，您只需要刪除一個元素splice應訣竅：

var data = [ 
{"id":"88","name":"Lets go testing"}, 
{"id":"99","name":"Have fun boys and girls"}, 
{"id":"108","name":"You are awesome!"} 
], 
id = 88; 

console.table(data); 

$.each(data, function(i, el){ 
    if (this.id == id){ 
     data.splice(i, 1); 
    } 
}); 

console.table(data); 

Answer 8

如果您使用下劃線js，很容易r根據鍵移除對象。 http://underscorejs.org。 例子：

var temp1=[{id:1,name:"safeer"}, //temp array 
      {id:2,name:"jon"}, 
      {id:3,name:"James"}, 
      {id:4,name:"deepak"}, 
      {id:5,name:"ajmal"}]; 

    var id = _.pluck(temp1,'id'); //get id array from temp1 
    var ids=[2,5,10];    //ids to be removed 
    var bool_ids=[]; 
    _.each(ids,function(val){ 
    bool_ids[val]=true; 
    }); 
    _.filter(temp1,function(val){ 
    return !bool_ids[val.id]; 
    }); 

Answer 9

sift是這樣的操作和更先進的人一個強大的集過濾器。它在node.js的瀏覽器或服務器端運行客戶端。

var collection = [ 
    {"id":"88","name":"Lets go testing"}, 
    {"id":"99","name":"Have fun boys and girls"}, 
    {"id":"108","name":"You are awesome!"} 
]; 
var sifted = sift({id: {$not: 88}}, collection); 

它支持像$in，$nin，$exists，$gte，$gt，$lte，$lt，$eq，$ne，$mod，$all，$and，$or，$nor，$not，$size，$type和$regex，努力過濾器與MongoDB收集過濾API兼容。

Answer 10

這裏是一個解決方案，如果你不使用jQuery：

myArray = myArray.filter(function(obj) { 
    return obj.id !== id; 
}); 

Answer 11

有使用findIndex和陣列蔓延運營商爲此在ES6/2015年的新方法：

const index = data.findIndex(obj => obj.id === id); 
const newData = [ 
    ...data.slice(0, index), 
    ...data.slice(index + 1) 
] 

可以打開它變成一個功能，以供以後重用，如下所示：

function remove(array, key, value) { 
    const index = array.findIndex(obj => obj[key] === value); 
    return index >= 0 ? [ 
     ...this.slice(0, index), 
     ...this.slice(index + 1) 
    ] : this; 
} 

這樣你就可以通過不同的方式刪除項目使用一種方法鍵（如果沒有對象符合標準，你會得到原始數組返回）：

const newData = remove(data, "id", "88"); 
const newData2 = remove(data, "name", "You are awesome!"); 

或者你可以把它放在你Array.prototype：

Array.prototype.remove = function (key, value) { 
    const index = this.findIndex(obj => obj[key] === value); 
    return index >= 0 ? [ 
     ...this.slice(0, index), 
     ...this.slice(index + 1) 
    ] : this; 
}; 

並使用它這樣：

const newData = data.remove("id", "88"); 
const newData2 = data.remove("name", "You are awesome!");