javascript - 过滤和删除数组中的过滤元素

Question

我想删除原始数组(即 var a)中的特定元素。我 filter() 该数组和 splice() 返回了新数组。但这不会影响此代码中的原始数组。如何轻松地从原始数组中删除这些元素？

var a = [{name:'tc_001'}, {name:'tc_002'}, {name:'tc_003'}]

var b = a.filter(function (e) {
    return e.name === 'tc_001';
});

b.splice(0,1);

console.log(a);
console.log(b);

Answer 1

Array.prototype.filter() 方法用于收集一个元素集，而不仅仅是一项。如果您想通过评估一个条件来获得一个项目，那么您还有其他三个选项:

• Array.prototype.indexOf()
• Array.prototype.findIndex()
• Array.prototype.find()

因此，只有当您想对多个项目进行操作时，您才应该考虑使用过滤器功能。就需要完成的工作而言，没有一个答案是完整的。

他们使用过滤器功能来隔离一个集合(在这个例子中只是一个项目)，但他们没有展示如何摆脱整个集合。好吧，让我们澄清一下。

如果您只想查找并删除数组中的一项，则应这样做

var a = [{name:'tc_001'}, {name:'tc_002'}, {name:'tc_003'}];
a.splice(a.findIndex(e => e.name === "tc_001"),1);
console.log(a);

但是，由于您提到“特定元素”的复数形式，那么您将需要收集一组选定的项目，并对集合中的每个元素逐个执行上述工作。所以正确的方法是。

var a = [{name:'tc_001'}, {name:'tc_002'}, {name:'tc_003'}],
    b = a.filter(e => e.name === "tc_001");
b.forEach(f => a.splice(a.findIndex(e => e.name === f.name),1));
console.log(a);

无论您选择的列表中有多少元素，这都可以完成您的工作。然而我相信虽然这看起来合乎逻辑，但它确实做了很多多余的工作。首先过滤器，然后每个过滤的元素都会索引搜索这个和那个。尽管我知道 findIndex 速度非常快，但我希望这个结果会明显变慢，尤其是对于大型数组。让我们找到一个 O(n) 的解决方案。给你:

var a = [{name:'tc_001'}, {name:'tc_002'}, {name:'tc_003'}];
a = a.reduce((p,c) => (c.name !== "tc_001" && p.push(c),p),[]);
console.log(a);

所以一定是这个。