如何从对象数组的嵌套数组中移除指定对象？

正确实现方式 #

要移除嵌套在paymentOptions中的指定元素，你需要遍历外层数组的每个对象，对其内部的paymentOptions数组进行过滤，而非直接在外层使用filter。以下是两种可行写法：

方式一：返回新数组（推荐，不修改原数组） #

使用map遍历外层数组，复制每个对象并替换过滤后的paymentOptions：

this.payments = this.payments.map(payment => ({
  ...payment,
  paymentOptions: payment.paymentOptions.filter(option => option.description.toLowerCase() !== 'master')
}));

方式二：直接修改原数组 #

如果需要直接修改原数组而非创建新数组，可使用forEach配合filter：

this.payments.forEach(payment => {
  payment.paymentOptions = payment.paymentOptions.filter(option => option.description.toLowerCase() !== 'master');
});

你的代码问题所在 #

原代码未达到预期的原因有两点：

1. 外层filter的判断条件是内层filter返回的数组，而在JavaScript中，任何数组（包括空数组）在布尔上下文里都被视为真值，因此外层filter不会移除任何元素。
2. 代码仅做了过滤判断，并未修改原对象的paymentOptions属性，所以原数组不会产生任何变化。

内容的提问来源于stack exchange，提问作者Nishanth