Entfernen Sie das Array-Element basierend auf der Objekteigenschaft

Ich habe eine Reihe von Objekten wie folgt:

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

Wie entferne ich eine bestimmte basierend auf ihrer Eigenschaft?

zB Wie würde ich das Array-Objekt mit 'money' als Feldeigenschaft entfernen?

Eine Möglichkeit:

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

Bitte beachten Sie, dass dadurch filterein neues Array erstellt wird. Alle anderen Variablen, die sich auf das ursprüngliche Array beziehen, erhalten die gefilterten Daten nicht, obwohl Sie Ihre ursprüngliche Variable myArraymit der neuen Referenz aktualisieren . Mit Vorsicht verwenden.

Durchlaufen Sie das Array und splicediejenigen, die Sie nicht möchten. Iterieren Sie zur einfacheren Verwendung rückwärts, damit Sie die Live-Natur des Arrays nicht berücksichtigen müssen:

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

Angenommen, Sie möchten das zweite Objekt anhand seiner Feldeigenschaft entfernen.

Mit ES6 ist das so einfach.

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

Sie können den findIndex von lodash verwenden , um den Index des jeweiligen Elements abzurufen und dann damit zu verbinden.

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

Aktualisieren

Sie können auch findIndex () von ES6 verwenden.

Die Methode findIndex () gibt den Index des ersten Elements im Array zurück, das die bereitgestellte Testfunktion erfüllt. Andernfalls wird -1 zurückgegeben.

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

Hier ist eine weitere Option mit jQuery grep. Übergeben Sie trueals dritten Parameter, um sicherzustellen, dass grep Elemente entfernt, die Ihrer Funktion entsprechen.

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

Wenn Sie jQuery bereits verwenden, ist kein Shim erforderlich, was im Gegensatz zur Verwendung nützlich sein kann Array.filter.

In ES6 nur eine Zeile.

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

:) :)

Im Folgenden finden Sie den Code, wenn Sie jQuery nicht verwenden. 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);

Sie können auch eine Unterstrichbibliothek verwenden, die viele Funktionen hat.

Underscore ist eine Utility-Belt-Bibliothek für JavaScript, die einen Großteil der Unterstützung für die funktionale Programmierung bietet

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

Element ist ein Objekt im Array. 3. Parameter truebedeutet, dass ein Array von Elementen zurückgegeben wird, bei denen Ihre Funktionslogik fehlschlägt. falseMittel bedeutet, dass ein Array von Elementen zurückgegeben wird, bei denen Ihre Funktionslogik nicht funktioniert.

Nutzung der lodash- Bibliothek:

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>

Basierend auf einigen Kommentaren oben ist der Code zum Entfernen eines Objekts basierend auf einem Schlüsselnamen und einem Schlüsselwert

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

Die Lösung von jAndy ist wahrscheinlich die beste, aber wenn Sie sich nicht auf Filter verlassen können, können Sie Folgendes tun:

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

Mit der lodash Bibliothek ist das ganz einfach

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