按名称从数组中删除对象 JavaScript

有时候在 JavaScript 中，我们需要从一个对象数组中删除一个特定名称的对象。在本文中，我们将学习如何在 JavaScript 中通过名称删除对象，并提供一些实际用例。

使用 filter() 方法

一个简单的方法是使用 JavaScript 中的 filter() 方法。 filter() 方法返回一个新的数组，其中包含满足提供的过滤条件的所有元素。我们可以使用此方法过滤出与特定名称不匹配的对象。

const arr = [{name: 'obj1', value: 'someValue'}, {name: 'obj2', value: 'someValue'}, {name: 'obj3', value: 'someValue'}];

const filteredArr = arr.filter(obj => obj.name !== 'obj2');

console.log(filteredArr);
// Output: [{name: 'obj1', value: 'someValue'}, {name: 'obj3', value: 'someValue'}]

如上述代码所示，我们首先定义了一个包含对象的数组。然后我们使用 filter() 方法将其中名称为 obj2 的对象过滤掉，最终返回一个新的包含筛选出的对象的数组。

使用 splice() 方法

除了 filter() 方法，我们还可以使用 JavaScript 中的 splice() 方法。 splice() 方法可以修改原始数组并返回被删除的项。

const arr = [{name: 'obj1', value: 'someValue'}, {name: 'obj2', value: 'someValue'}, {name: 'obj3', value: 'someValue'}];

for(let i = 0; i < arr.length; i++) {
    if(arr[i].name === 'obj2') {
        arr.splice(i, 1);
        break;
    }
}

console.log(arr);
// Output: [{name: 'obj1', value: 'someValue'}, {name: 'obj3', value: 'someValue'}]

如上述代码所示，我们使用 for 循环遍历数组中的每个对象，并检查是否名称为 obj2。一旦找到匹配项，我们使用 splice() 方法从原始数组中删除该项，并在循环中使用 break 退出循环。最终，我们就得到了一个不包含名称为 obj2 的对象的新数组。

实际应用场景

我们可以将上述方法应用于需要从对象数组中删除特定对象的场景，例如：

• 从购物车中删除一件商品
• 从一个在线游戏的用户列表中删除一个玩家
• 从一个名单中删除一个已离职员工

结论

使用 filter() 方法或 splice() 方法，我们可以轻松地从对象数组中删除一个特定名称的对象。这些方法非常适合于处理需要从数组中删除一项的任务，尤其是需要根据名称或其他指定的条件进行删除的任务。