Удалить элемент массива на основе свойства объекта

Question

У меня есть массив объектов, как так:

var myArray = [ 
    {field: 'id', operator: 'eq', value: id}, 
    {field: 'cStatus', operator: 'eq', value: cStatus}, 
    {field: 'money', operator: 'eq', value: money} 
]; 

Как удалить конкретный один, основанный на его свойства?

например. Как удалить объект массива с помощью «денег» как свойства поля?

Answer 1

Одним из возможных вариантов:

myArray = myArray.filter(function(obj) { 
    return obj.field !== 'money'; 
}); 

Пожалуйста, обратите внимание, что filter создает новый массив. Любые другие переменные, относящиеся к исходному массиву, не будут получать отфильтрованные данные, хотя вы обновите исходную переменную myArray с новой ссылкой. Используйте с осторожностью.

Answer 2

Итерации по массиву и splice из тех, которые вы не хотите. Для более удобного использования, перебирать в обратном направлении, так что вы не должны принимать во внимание живую природу массива:

for (var i = myArray.length - 1; i >= 0; --i) { 
    if (myArray[i].field == "money") { 
     myArray.splice(i,1); 
    } 
} 

Answer 3

решение JANDY является, вероятно, лучше, но если вы не можете полагаться на фильтр вы могли бы сделать что-то вроде:

var myArray = [ 
    {field: 'id', operator: 'eq', value: 'id'}, 
    {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
    {field: 'money', operator: 'eq', value: "money"} 
]; 

myArray.remove_key = function(key){ 
    var i = 0, 
     keyval = null; 
    for(; i < this.length; i++){ 
     if(this[i].field == key){ 
      keyval = this.splice(i, 1); 
      break; 
     } 
    } 
    return keyval; 
} 

Answer 4

Ниже приведен код, если вы не используете JQuery. Demo

var myArray = [ 
    {field: 'id', operator: 'eq', value: 'id'}, 
    {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
    {field: 'money', operator: 'eq', value: 'money'} 
]; 

alert(myArray.length); 

for(var i=0 ; i<myArray.length; i++) 
{ 
    if(myArray[i].value=='money') 
     myArray.splice(i); 
} 

alert(myArray.length); 

Вы также можете использовать библиотеку подчеркивания, которые имеют много функций.

Underscore утилита ремень библиотека JavaScript, что обеспечивает большую функциональную поддержку программирования

Answer 5

Вот еще один вариант, с помощью JQuery Grep. Перейдите true в качестве третьего параметра для обеспечения того, что grep удаляет элементы, соответствующие вашей функции.

users = $.grep(users, function(el, idx) {return el.field == "money"}, true) 

Если вы уже используете JQuery, то нет прокладок не требуется, который может быть полезным в отличие от использования Array.filter.

Answer 6

Вы можете использовать lodash's findIndex, чтобы получить индекс конкретного элемента, а затем сплайсировать его.

myArray.splice(_.findIndex(myArray, function(item) { 
    return item.value === 'money'; 
}), 1); 

Answer 7

var myArray = [ 
    {field: 'id', operator: 'eq', value: id}, 
    {field: 'cStatus', operator: 'eq', value: cStatus}, 
    {field: 'money', operator: 'eq', value: money} 
]; 
console.log(myArray.length); //3 
myArray = $.grep(myArray, function(element, index){return element.field == "money"}, true); 
console.log(myArray.length); //2 

Элемент представляет собой объект в массиве. Третий параметр true означает, что будет возвращен массив элементов, который не выполняет вашу функциональную логику, средства возвращают массив элементов, который не выполняет вашу логику функций.