Hapus elemen array berdasarkan properti objek

Saya memiliki berbagai objek seperti:

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

Bagaimana cara menghapus yang spesifik berdasarkan propertinya?

mis. Bagaimana cara saya menghapus objek array dengan 'uang' sebagai properti bidang?

Satu kemungkinan:

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

Harap perhatikan bahwa filtermembuat array baru. Variabel lain apa pun yang merujuk ke array asli tidak akan mendapatkan data yang difilter meskipun Anda memperbarui variabel asli Anda myArraydengan referensi baru. Gunakan dengan hati-hati.

Iterasi melalui array, dan splicekeluar yang tidak Anda inginkan. Untuk penggunaan yang lebih mudah, beralihlah ke belakang sehingga Anda tidak harus memperhitungkan sifat langsung dari array:

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

Katakanlah Anda ingin menghapus objek kedua dengan properti bidang itu.

Dengan ES6 semudah ini.

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

Anda dapat menggunakan findIndex lodash untuk mendapatkan indeks elemen tertentu dan kemudian menggunakannya.

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

Memperbarui

Anda juga dapat menggunakan ES6's findIndex ()

Metode findIndex () mengembalikan indeks elemen pertama dalam array yang memenuhi fungsi pengujian yang disediakan. Kalau tidak -1 dikembalikan.

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

Berikut opsi lain menggunakan jQuery grep. Lewati truesebagai parameter ketiga untuk memastikan grep menghapus item yang cocok dengan fungsi Anda.

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

Jika Anda sudah menggunakan jQuery maka tidak ada shim yang diperlukan, yang bisa berguna sebagai lawan menggunakan Array.filter.

Dalam ES6, hanya satu baris.

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

:)

Berikut ini adalah kode jika Anda tidak menggunakan 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);

Anda juga dapat menggunakan pustaka garis bawah yang memiliki banyak fungsi.

Underscore adalah pustaka sabuk utilitas untuk JavaScript yang menyediakan banyak dukungan pemrograman fungsional

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

Elemen adalah objek dalam array. Parameter ke-3 trueberarti akan mengembalikan array elemen yang gagal logika fungsi Anda, falseberarti akan mengembalikan array elemen yang gagal logika fungsi Anda.

Berdasarkan beberapa komentar di atas di bawah ini adalah kode cara menghapus objek berdasarkan nama kunci dan nilai kunci

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

Menggunakan perpustakaan 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>

Solusi jAndy mungkin yang terbaik, tetapi jika Anda tidak bisa mengandalkan filter, Anda bisa melakukan sesuatu seperti:

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

Menggunakan perpustakaan lodash itu sederhana seperti ini

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