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

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

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

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

Например, как бы я удалил объект массива с 'money' в качестве свойства поля?

Одна возможность:

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

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

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

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

Скажем, вы хотите удалить второй объект по его свойству поля.

С ES6 это так просто.

myArray.splice(myArray.findIndex(item => item.field === "cStatus"), 1)

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

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

Обновить

Вы также можете использовать find6dex () ES6

Метод findIndex () возвращает индекс первого элемента в массиве, который удовлетворяет предоставленной функции тестирования. В противном случае -1 возвращается.

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

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

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

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

В ES6 всего одна строчка.

const arr = arr.filter(item => item.key !== "some value");

:)

Ниже приведен код, если вы не используете jQuery. демонстрация

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, которая обеспечивает большую поддержку функционального программирования.

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

Элемент - это объект в массиве. 3-й параметр trueозначает, что вернет массив элементов, который не соответствует логике вашей функции, falseозначает, что вернет массив элементов, который не соответствует логике вашей функции.

На основе приведенных выше комментариев приведен код удаления объекта на основе имени и значения ключа.

 var items = [ 
  { "id": 3.1, "name": "test 3.1"}, 
  { "id": 22, "name": "test 3.1" }, 
  { "id": 23, "name": "changed test 23" } 
  ]

    function removeByKey(array, params){
      array.some(function(item, index) {
        return (array[index][params.key] === params.value) ? !!(array.splice(index, 1)) : false;
      });
      return array;
    }

    var removed = removeByKey(items, {
      key: 'id',
      value: 23
    });

    console.log(removed);

Использование библиотеки lodash :

var myArray = [
    {field: 'id', operator: 'eq', value: 'id'}, 
    {field: 'cStatus', operator: 'eq', value: 'cStatus'}, 
    {field: 'money', operator: 'eq', value: 'money'}
];
var newArray = _.remove(myArray, function(n) {
  return n.value === 'money';;
});
console.log('Array');
console.log(myArray);
console.log('New Array');
console.log(newArray);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js"></script>

Решение 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;
}

Используя библиотеку lodash, все просто

_.remove(myArray , { field: 'money' });