如何在不关闭ESLint的情况下省略JavaScript对象属性并消除警告？

一、消除@typescript-eslint/no-unused-vars警告（不禁用ESLint） #

针对解构赋值时出现的未使用变量警告，你可以用以下几种合规方式处理：

• 下划线前缀标记未使用变量：将不需要的属性重命名为下划线开头的变量，ESLint规则默认会忽略这类变量：

  const { foo: _, ...rest } = myObject;
  

• 局部ESLint注释豁免：在代码行上方添加注释，仅禁用当前行的该规则，不会影响全局配置：

  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  const { foo, ...rest } = myObject;
  

• TypeScript专属忽略（不推荐）：如果使用TypeScript，也可以用// @ts-ignore跳过类型检查，但这种方式不够精准，优先推荐前两种。

二、省略对象特定属性的其他方法 #

除了解构赋值，还有这些常用方式可以排除对象的指定属性：

• Object.fromEntries + Object.entries过滤：适合需要排除多个属性的场景，灵活性高：

  // 排除单个属性
  const rest = Object.fromEntries(
    Object.entries(myObject).filter(([key]) => key !== 'foo')
  );
  
  // 排除多个属性
  const excludeKeys = ['foo', 'bar'];
  const rest = Object.fromEntries(
    Object.entries(myObject).filter(([key]) => !excludeKeys.includes(key))
  );
  

• 浅拷贝后用delete删除属性：注意必须先拷贝原对象，避免修改原数据：

  const tempObj = { ...myObject };
  delete tempObj.foo;
  // tempObj即为移除foo后的对象
  

• 手动构建新对象：当对象属性数量较少且明确时，直接列出需要保留的属性，完全不会触发未使用变量警告：

  const rest = {
    name: myObject.name,
    age: myObject.age,
    // 列出所有需要保留的属性
  };
  

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