怎么在拷贝对象时，动态地增加或删除字段？-js教程-PHP中文网

拷贝对象时动态增删字段的关键是不修改原对象，而是通过展开运算符、object.keys()或object.entries()在拷贝过程中筛选、添加或覆盖属性；需区分浅拷贝与深拷贝场景。

怎么在拷贝对象时，动态地增加或删除字段？

拷贝对象时动态增删字段，关键在于不直接修改原对象，而是在拷贝过程中按需筛选、添加或覆盖属性。常用且安全的方式是结合展开运算符（...）、Object.keys() 或 Object.entries() 手动控制字段。

用展开运算符 + 显式字段控制增删

适合字段数量少、逻辑明确的场景。删除字段时“排除”，新增字段时“覆盖”或“追加”。

删除某个字段：{...obj, fieldToExclude: undefined} 不够稳妥，推荐解构排除
更可靠写法：先解构出不需要的字段，再展开剩余部分

示例：

const original = { name: 'Alice', age: 30, email: 'a@b.com' };
// 拷贝并删除 email，新增 id 和 createdAt
const copied = (({ email, ...rest }) => ({
  ...rest,
  id: Date.now(),
  createdAt: new Date().toISOString()
}))(original);

用 Object.fromEntries 动态过滤和注入

适合需要根据条件（如白名单、黑名单、类型判断）批量处理字段，灵活性高。

一览运营宝

一款面向视频内容运营的AI创作工具，可辅助进行视频内容策划、创作和运营工作，帮助内容团队提高视频生产效率。

下载

先用 Object.entries() 转为键值对数组
用 filter() 剔除不需要的字段（比如以 _ 开头的私有字段）
用 map() 插入新字段或改写值，最后 Object.fromEntries() 还原为对象

示例（删除内部字段，添加版本号）：

const obj = { name: 'Bob', _tempId: 123, score: 95 };
const filtered = Object.fromEntries(
  Object.entries(obj)
    .filter(([key]) => !key.startsWith('_')) // 删除私有字段
    .concat([['version', '1.2.0']]) // 动态追加
); // → { name: 'Bob', score: 95, version: '1.2.0' }

封装一个可复用的 copyWith 函数

把动态增删逻辑抽象成函数，便于多次调用，也利于统一处理 null/undefined 边界。

接收原对象、要删除的字段数组（omit）、要新增/覆盖的字段对象（extend）
内部用 Object.keys() 遍历，跳过 omit 列表中的键，再合并 extend

简单实现：

function copyWith(obj, { omit = [], extend = {} } = {}) {
  const result = {};
  for (const key in obj) {
    if (Object.prototype.hasOwnProperty.call(obj, key) && !omit.includes(key)) {
      result[key] = obj[key];
    }
  }
  return { ...result, ...extend };
}

// 使用
copyWith(user, { omit: ['password'], extend: { updatedAt: new Date() } });