如何在控制台打印JS对象时排除指定键？

1. 解构赋值快速生成排除指定键的新对象（不影响原对象） #

用ES6解构+剩余运算符，一行代码完成克隆并排除目标键，适合临时打印需求：

// 假设要排除的键是imageHash
const { imageHash, ...filteredObj } = yourTargetObj;
console.log(filteredObj);

filteredObj是原对象去掉imageHash后的副本，原对象完全不受影响，直接打印新对象即可。

2. 直接在console.log中替换大值（无需额外变量） #

不想多声明变量的话，可直接在打印时把目标键的值替换成占位符，同样不会修改原对象：

console.log({ ...yourTargetObj, imageHash: '[500万字符哈希已省略]' });

这种方式更简洁，适合临时查看时快速屏蔽大内容。

3. 控制台自定义格式化（长期重复场景） #

如果经常需要打印这类对象，Chrome DevTools支持自定义格式化规则，一劳永逸：

1. 打开DevTools设置（右上角齿轮），在"Experiments"里开启"Enable custom formatters"
2. 在控制台执行以下代码（可存到snippets里复用）：

window.devtoolsFormatters = [
  {
    header(obj) {
      // 识别包含目标键的对象
      if (typeof obj === 'object' && obj !== null && 'imageHash' in obj) {
        return ['div', {}, 'Object (已自动省略imageHash)'];
      }
      return null; // 不符合则用默认格式化
    },
    hasBody(obj) {
      return typeof obj === 'object' && obj !== null && 'imageHash' in obj;
    },
    body(obj) {
      // 生成排除目标键的对象并展示
      const { imageHash, ...rest } = obj;
      return ['div', {}, ['object', { object: rest }]];
    }
  }
];

之后所有包含imageHash的对象在控制台打印时，都会自动隐藏该键的内容，直接展示剩余部分。

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