JS如何根据值移除对象属性？求解删除值为default的属性方案

嘿，你提到想用filter方法，但得先说明下：filter是数组专属的方法，对象没办法直接调用它哦～不过没关系，咱们可以借助数组方法来实现需求，或者用对象遍历的方式，下面给你几个实用的解决方案：

方法一：借助数组方法创建新对象（推荐，不修改原对象） #

这个方法刚好能用到你想尝试的filter，步骤很清晰：

• 用Object.entries()把对象转换成键值对数组
• 用filter筛选出值不等于"default"的项
• 用Object.fromEntries()把筛选后的数组转回对象

const originalObj = {foo: "default", bar: "false"};
const filteredObj = Object.fromEntries(
  Object.entries(originalObj).filter(([key, value]) => value !== "default")
);
console.log(filteredObj); // 输出：{bar: "false"}

这种方式不会改动原对象，适合需要保留原始数据的场景。

方法二：直接遍历并修改原对象 #

如果允许直接修改原对象，可以用for...in循环遍历属性，遇到值为"default"的就删除：

const originalObj = {foo: "default", bar: "false"};
for (const key in originalObj) {
  // 确保是对象自身的属性（避免遍历原型链上的属性）
  if (originalObj.hasOwnProperty(key) && originalObj[key] === "default") {
    delete originalObj[key];
  }
}
console.log(originalObj); // 输出：{bar: "false"}

⚠️ 注意：这种方法会直接改变原对象，如果你后续还要用到原始数据，谨慎使用。

方法三：用reduce构建新对象 #

这是另一种基于数组的实现方式，用reduce来逐步构建符合要求的新对象：

const originalObj = {foo: "default", bar: "false"};
const filteredObj = Object.entries(originalObj).reduce((result, [key, value]) => {
  if (value !== "default") {
    result[key] = value;
  }
  return result;
}, {}); // 初始化一个空对象作为累加器
console.log(filteredObj); // 输出：{bar: "false"}

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