如何移除对象数组中所有含特定pid值的元素？

兄弟，太懂你折腾一整天没搞定的那种挫败感了！咱先把问题拆解清楚，你说试过forEach、filter、$.each、$.grep都没成功，大概率是用法上的小细节没注意到，咱们一个个捋明白：

最推荐：用filter创建新数组（纯函数，无副作用） #

filter是处理这类场景的首选，它会返回一个新数组，包含所有符合条件的元素——你要做的就是保留pid不等于目标值的元素。很多时候没成功，是因为你没接收它的返回值！

示例代码：

// 假设你的对象数组是这样的
const dataArr = [
  { pid: 1, name: "A" },
  { pid: 2, name: "B" },
  { pid: 1, name: "C" },
  { pid: 3, name: "D" }
];
const targetPid = 1; // 要删除的pid值

// 用filter筛选出pid不等于targetPid的元素，得到新数组
const resultArr = dataArr.filter(item => item.pid !== targetPid);

console.log(resultArr);
// 输出：[{ pid: 2, name: "B" }, { pid: 3, name: "D" }]

如果想直接覆盖原数组，也可以这么写：

dataArr = dataArr.filter(item => item.pid !== targetPid);

原地修改原数组：反向遍历+splice #

如果必须修改原数组（不创建新数组），别用正向forEach+splice——因为splice会改变数组长度，导致后续元素的索引错位，漏删元素！正确姿势是反向遍历：

const targetPid = 1;

// 从数组末尾往前遍历，删除符合条件的元素
for (let i = dataArr.length - 1; i >= 0; i--) {
  if (dataArr[i].pid === targetPid) {
    dataArr.splice(i, 1); // 删除当前索引的元素
  }
}

console.log(dataArr);
// 原数组已被修改：[{ pid: 2, name: "B" }, { pid: 3, name: "D" }]

为啥你用forEach没成功？ #

举个反例，你可能这么写过：

// ❌ 错误写法：会漏删元素！
dataArr.forEach((item, index) => {
  if (item.pid === targetPid) {
    dataArr.splice(index, 1);
  }
});

比如原数组里有两个连续的pid=1元素，删除第一个后，第二个元素的索引会往前移一位，但forEach的索引还是按原数组递增，直接跳过了这个元素，导致漏删。

jQuery的$.grep用法 #

和filter逻辑类似，$.grep也返回新数组，需要接收返回值：

const targetPid = 1;
const resultArr = $.grep(dataArr, function(item) {
  return item.pid !== targetPid;
});

你可以对照上面的方法检查下，是不是之前没接收返回值，或者用了错误的遍历方式～

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