javascript根据键值查找并移除数组中的对象
我一直在尝试几种方法如何find一个数组中的对象，其中ID = var，如果find，从数组中删除对象并返回新的对象数组。
数据：
[ {"id":"88","name":"Lets go testing"}, {"id":"99","name":"Have fun boys and girls"}, {"id":"108","name":"You are awesome!"} ] 我能够使用jQuery $ grepsearch数组;
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!"} ]
我可以grep数组的id，但我怎么能删除id = 88的整个对象
简单地按相反的谓词过滤：
var data = $.grep(data, function(e){ return e.id != id; });
你可以简化这个，这里真的不需要使用jquery。
var id = 88; for(var i = 0; i < data.length; i++) { if(data[i].id == id) { data.splice(i, 1); break; } }
只需遍历列表，find匹配的id，拼接，然后打破退出循环
这里是一个解决scheme，如果你不使用jQuery的话：
myArray = myArray.filter(function( obj ) { return obj.id !== id; });
假设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);
在ES6 / 2015中有一个使用findIndex和array spread操作符的新方法：
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!");
也许你正在寻找$.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 });
sift是一个function强大的收集filter像这样的操作和更先进的。 它在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 $or ， $nor ， $not ， $size ， $type和$regex ，并努力与MongoDB收集过滤API兼容。
Array.prototype.removeAt = function(id) { for (var item in this) { if (this[item].id == id) { this.splice(item, 1); return true; } } return false; }
这应该做的伎俩， jsfiddle
如果您testing严格的相等性，请确保将对象id强制为一个整数：
var result = $.grep(data, function(e, i) { return +e.id !== id; });
演示
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" }]
如果使用下划线js，则很容易根据键移除对象。 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]; });
