JS 中怎么用解构配合剩余参数实现属性剔除（Omit）-js教程-PHP中文网

js中可用解构赋值配合剩余参数实现对象属性剔除：显式解构要剔除的属性，用...rest收集其余属性；支持单个或多个静态字段剔除，但无法动态指定字段，动态场景需用delete或object.fromentries等方法。

js 中怎么用解构配合剩余参数实现属性剔除（omit）

JS 中可以用解构赋值配合剩余参数（...）轻松实现对象属性剔除（类似 TypeScript 的 Omit），无需引入额外工具函数，核心思路是：**把想保留的属性显式解构出来，再用剩余参数收集其余属性**。

基础写法：剔除单个属性

想剔除 id 字段，保留其他所有属性：

const user = { id: 1, name: 'Alice', age: 30, email: 'a@example.com' };
const { id, ...rest } = user;
// rest = { name: 'Alice', age: 30, email: 'a@example.com' }

这里 id 被单独解构（即“取出并丢弃”），...rest 自动收集剩余所有可枚举自有属性。

剔除多个属性

一次剔除多个字段，只需在解构中列出它们，剩余参数仍收集其余部分：

Wjs Uploading Video

将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。

下载

const { id, email, ...rest } = user; → 剔除 id 和 email
const { id, email, name, ...rest } = user; → 剔除这三个，rest 只剩 { age: 30 }

注意：被解构的字段名必须存在，否则对应变量为 undefined，但不影响剩余参数收集——它只关心对象实际拥有的键。

封装成可复用的 omit 函数

若需动态剔除，可封装一个简易函数（基于解构逻辑）：

const omit = (obj, ...keysToOmit) => {
  const copy = { ...obj }; // 浅拷贝避免副作用
  keysToOmit.forEach(key => delete copy[key]);
  return copy;
};
// 使用
const cleanUser = omit(user, 'id', 'email'); // { name: 'Alice', age: 30 }

⚠️ 注意：纯解构无法动态指定剔除字段（因解构模式需编译时确定），所以动态场景推荐用 delete 或 Object.fromEntries() 等方式；解构 + 剩余参数适合静态、已知字段的场景，更简洁安全。