如何根据值从对象中移除元素？$.grep与delete方法失效求助

嘿，我来帮你搞定这个移除对象元素的问题！你遇到的问题主要是对delete的使用逻辑搞错了，还有没搞清楚$.grep的适用场景，咱们一步步来拆解：

为什么你之前的尝试都失效了？ #

• delete方法没起作用：
  你原来的循环里，for (var firstName in obj)中的firstName其实是对象的键（也就是"0"、"1"这些字符串），然后你判断obj[firstName] === r——但obj[firstName]是整个用户对象（比如{firstName: "John", ...}），而r是字符串"John"，两者完全不是一个类型，条件永远不成立，所以delete根本没执行。

• $.grep返回空对象：
  $.grep是jQuery专门用来处理数组的过滤函数，你传入的是一个普通对象，它没法识别这种结构，自然返回空结果。

正确的解决方案 #

根据你的需求，有两种实用的处理方式：

方式1：直接在原对象上删除目标项

遍历对象的所有键，检查每个键对应的子对象的firstName是否等于"John"，符合条件就删除：

var obj = { 
  0: { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" }, 
  1: { firstName: "John2", lastName: "Doe2", age: 51, eyeColor: "blue2" } 
};
var r = "John";

// 遍历对象的键
for (var key in obj) {
  // 检查子对象的firstName是否匹配目标值
  if (obj[key].firstName === r) {
    delete obj[key];
  }
}

console.log(obj); 
// 输出：{ 1: { firstName: "John2", lastName: "Doe2", age: 51, eyeColor: "blue2" } }

方式2：转成数组处理（更灵活，推荐后续有数组操作需求时用）

你的数据键是连续数字，其实更适合用数组存储。可以先把对象转成数组，用过滤方法处理后，再转回对象（如果需要的话）：

var obj = { 
  0: { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" }, 
  1: { firstName: "John2", lastName: "Doe2", age: 51, eyeColor: "blue2" } 
};
var r = "John";

// 把对象转为数组（提取所有值）
var userArr = Object.values(obj);
// 过滤掉firstName为John的项
var filteredArr = userArr.filter(user => user.firstName !== r);
// 如果需要转回带数字键的对象，用reduce生成
var filteredObj = filteredArr.reduce((result, user, index) => {
  result[index] = user;
  return result;
}, {});

console.log(filteredObj);
// 输出：{ 0: { firstName: "John2", lastName: "Doe2", age: 51, eyeColor: "blue2" } }

要是你坚持想用$.grep，也可以这么写（先转数组是关键）：

var filteredArr = $.grep(Object.values(obj), function(user) {
  return user.firstName !== r;
});
// 转回对象的逻辑和上面一致

小提醒 #

如果你的数据本来就应该是数组（比如接口返回的类数组结构），建议一开始就转成数组，数组的filter、map等方法比对象遍历要直观得多，后续扩展功能也更方便。

内容的提问来源于stack exchange，提问作者Jack The Baker