it-roy-ru.com

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

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

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

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

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

177
imperium2335

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

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

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

256
jAndy

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

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

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

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

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

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

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

Обновление

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

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

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

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

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

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

8
sifriday

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

4
Umair Saleem
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 означает, что вернет массив элементов, который не соответствует вашей функциональной логике.

2
Sandeep sandy

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>

1
Parth Raval

решение 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;
}
1
Rob M.

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

 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);
0
JackTheKnife