Xóa phần tử mảng dựa trên thuộc tính đối tượng

Tôi có một loạt các đối tượng như vậy:

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

Làm thế nào để tôi loại bỏ một cái cụ thể dựa trên tài sản của nó?

ví dụ: Làm thế nào tôi có thể loại bỏ đối tượng mảng bằng 'tiền' làm thuộc tính trường?

Một khả năng:

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

Xin lưu ý rằng filtertạo ra một mảng mới. Bất kỳ biến nào khác đề cập đến mảng ban đầu sẽ không nhận được dữ liệu được lọc mặc dù bạn cập nhật biến ban đầu của mình myArrayvới tham chiếu mới. Sử dụng cẩn thận.

Lặp lại qua mảng và splicera những cái bạn không muốn. Để sử dụng dễ dàng hơn, lặp lại ngược lại để bạn không phải tính đến bản chất sống của mảng:

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

Giả sử bạn muốn xóa đối tượng thứ hai bởi thuộc tính trường.

Với ES6, điều này thật dễ dàng.

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

Bạn có thể sử dụng find Index của lodash để lấy chỉ mục của phần tử cụ thể và sau đó ghép bằng cách sử dụng nó.

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

Cập nhật

Bạn cũng có thể sử dụng find Index () của ES6

Phương thức find Index () trả về chỉ mục của phần tử đầu tiên trong mảng thỏa mãn hàm kiểm tra được cung cấp. Nếu không -1 được trả về.

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

Đây là một tùy chọn khác sử dụng jQuery grep. Vượt qua truenhư tham số thứ ba để đảm bảo grep loại bỏ các mục phù hợp với chức năng của bạn.

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

Nếu bạn đã sử dụng jQuery thì không cần sử dụng shim, điều này có thể hữu ích thay vì sử dụng Array.filter.

Trong ES6, chỉ một dòng.

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

:)

Sau đây là mã nếu bạn không sử dụng jQuery. Bản giới thiệu

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

Bạn cũng có thể sử dụng thư viện gạch dưới có nhiều chức năng.

Underscore là một thư viện vành đai tiện ích cho JavaScript cung cấp rất nhiều hỗ trợ lập trình chức năng

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

Phần tử là một đối tượng trong mảng. Tham số thứ 3 truecó nghĩa là sẽ trả về một mảng các phần tử làm hỏng logic chức năng của bạn, falsecó nghĩa là sẽ trả về một mảng các phần tử làm hỏng logic chức năng của bạn.

Dựa trên một số ý kiến ​​dưới đây là mã làm thế nào để loại bỏ một đối tượng dựa trên tên khóa và giá trị khóa

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

Sử dụng thư viện 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>

Giải pháp của jAndy có lẽ là tốt nhất, nhưng nếu bạn không thể dựa vào bộ lọc, bạn có thể làm một cái gì đó như:

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;
}

Sử dụng thư viện lodash nó đơn giản như thế này

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