javascript - 根据对象属性删除数组元素

Question

我有一个像这样的对象数组：

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

如何根据其属性删除特定的？

例如，我将如何删除以'money' 作为字段属性的数组对象？

Answer 1

一种可能：

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

请注意，这filter会创建一个新数组。尽管您myArray使用新引用更新了原始变量，但引用原始数组的任何其他变量都不会获得过滤后的数据。谨慎使用。

Answer 2

遍历数组，splice找出你不想要的。为了更容易使用，向后迭代，这样您就不必考虑数组的实时性质：

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

Answer 3

假设您想通过它的字段属性删除第二个对象。

使用 ES6 就这么简单。

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

Answer 4

在 ES6 中，只有一行。

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

:)

Answer 5

你可以使用lodash的findIndex来获取特定元素的索引，然后使用它进行拼接。

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

更新

你也可以使用 ES6 的findIndex()

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回 -1。

const itemToRemoveIndex = myArray.findIndex(function(item) {
  return item.field === 'money';
});

// proceed to remove an item only if it exists.
if(itemToRemoveIndex !== -1){
  myArray.splice(itemToRemoveIndex, 1);
}

Answer 6

我们可以使用以下两种方法根据属性删除元素。

1. 使用过滤方法

testArray.filter(prop => prop.key !== 'Test Value')

2. 采用拼接法。对于这种方法，我们需要找到属性的索引。

const index = testArray.findIndex(prop => prop.key === 'Test Value')
testArray.splice(index,1)

Answer 7

这是使用 jQuery grep 的另一个选项。作为第三个参数传递true以确保 grep 删除与您的函数匹配的项目。

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

如果您已经在使用 jQuery，则不需要 shim，与使用Array.filter.

Answer 8

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

元素是数组中的一个对象。第三个参数true意味着将返回一个不符合您的功能逻辑false的元素数组，意味着将返回一个不符合您的功能逻辑的元素数组。

Answer 9

使用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>

Answer 10

基于上面的一些评论，下面是如何根据键名和键值删除对象的代码

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

Answer 11

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

Answer 12

如果您不使用 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 的实用工具带库，它提供了许多函数式编程支持