如何使用 lodash 从列表中删除元素？

Question

我有一个看起来像这样的对象：

var obj = {
    "objectiveDetailId": 285,
    "objectiveId": 29,
    "number": 1,
    "text": "x",
    "subTopics": [{
        "subTopicId": 1,
        "number": 1
    }, {
        "subTopicId": 2,
        "number": 32
    }, {
        "subTopicId": 3,
        "number": 22
    }]
}
var stToDelete = 2;

我在我的应用程序中安装了lodash 用于其他用途。有没有一种有效的方法可以使用lodash 从obj 对象中删除条目：{"subTopicId":2, "number":32}？

或者有没有 javascript 方法来做到这一点？

Answer 1

最简单最方便的方法-

_.without([2, 1, 2, 3], 1, 2);
// => [3]

_.without 文档。

Answer 2

您可以使用 removeItemFromArrayByPath 函数，其中包括一些 lodash 函数和拼接

/**
 * Remove item from array by given path and index
 *
 * Note: this function mutates array.
 *
 * @param {Object|Array} data (object or array)
 * @param {Array|String} The array path to remove given index
 * @param {Number} index to be removed from given data by path
 *
 * @returns {undefined}
 */

const removeItemFromArrayByPath = (data, arrayPath, indexToRemove) => {
  const array = _.get(data, arrayPath, []);
  if (!_.isEmpty(array)) {
    array.splice(indexToRemove, 1);
  }
};

您可以在此处查看示例： https://codepen.io/fatihturgut/pen/NWbxLNv

Answer 3

正如 lyyons 在 cmets 中指出的那样，更惯用和笨拙的方式是使用 _.remove，像这样

_.remove(obj.subTopics, {
    subTopicId: stToDelete
});

除此之外，您可以传递一个谓词函数，其结果将用于确定是否必须删除当前元素。

_.remove(obj.subTopics, function(currentObject) {
    return currentObject.subTopicId === stToDelete;
});

---

或者，您可以通过使用_.filter 过滤旧数组来创建一个新数组，并将其分配给同一个对象，如下所示

obj.subTopics = _.filter(obj.subTopics, function(currentObject) {
    return currentObject.subTopicId !== stToDelete;
});

或者

obj.subTopics = _.filter(obj.subTopics, {subTopicId: stToKeep});

Answer 4

除了@thefourtheye 的回答，使用 predicate 而不是传统的匿名函数：

  _.remove(obj.subTopics, (currentObject) => {
        return currentObject.subTopicId === stToDelete;
    });

或

obj.subTopics = _.filter(obj.subTopics, (currentObject) => {
    return currentObject.subTopicId !== stToDelete;
});

Answer 5

据我所知，有四种方法可以做到这一点

const array = [{id:1,name:'Jim'},{id:2,name:'Parker'}];
const toDelete = 1;

第一个：

_.reject(array, {id:toDelete})

第二个是：

_.remove(array, {id:toDelete})

这样数组就会发生变异。

第三个是：

_.differenceBy(array,[{id:toDelete}],'id')
// If you can get remove item 
// _.differenceWith(array,[removeItem])

最后一个是：

_.filter(array,({id})=>id!==toDelete)

我在学习lodash

回答做个记录，方便以后找到。

Answer 6

这是一个简单的 lodash 函数，它带有数组并用索引号删除它。

index_tobe_delete = 1

fruit = [{a: "apple"}, {b: "banana"}, {c: "choco"}]
_.filter(fruit, (value, key)=> {
return (key !== index_tobe_delete)
})

Answer 7

lodash 和打字稿

const clearSubTopics = _.filter(obj.subTopics, topic => (!_.isEqual(topic.subTopicId, 2)));
console.log(clearSubTopics);

Answer 8

您现在可以使用_.reject，它允许您根据需要删除的内容而不是需要保留的内容进行过滤。

与仅适用于数组的 _.pull 或 _.remove 不同，._reject 适用于任何 Collection

obj.subTopics = _.reject(obj.subTopics, (o) => {
  return o.number >= 32;
});

Answer 9

您可以使用_pull 来完成。

_.pull(obj["subTopics"] , {"subTopicId":2, "number":32});

查看reference

Answer 10

只需使用原版 JS。您可以使用splice 删除元素：

obj.subTopics.splice(1, 1);

Demo