如何移除嵌套Object中的属性？已掌握外层属性移除方法

给定目标对象：

const objectData = { 
  key1: 'value1',
  key2: 'value2', 
  key3: { nestedKey1: 'nestedValue1', nestedKey2: 'nestedValue2'}
};

你已经通过解构赋值移除了顶层的key1，现在要移除嵌套在key3里的nestedKey1，可以用以下两种方式实现：

方法一：一次性解构处理顶层与嵌套属性 #

通过嵌套解构，一次完成两个属性的移除，再重组最终对象：

const { key1, key3: { nestedKey1, ...remainingNested }, ...rest } = objectData;
const finalObject = { ...rest, key3: remainingNested };

• 先解构顶层的key1并丢弃，再解构key3中的nestedKey1并丢弃，将key3剩余的属性存入remainingNested
• 最后把顶层剩余属性rest和处理后的key3合并，得到不含key1和nestedKey1的新对象

方法二：分步处理（基于你已有的代码） #

如果你想保留之前处理顶层属性的逻辑，可以在此基础上单独处理嵌套属性：

// 你已有的代码：移除顶层key1
let myObject = { ...objectData };
const { key1, ...newObject } = myObject;

// 处理嵌套的nestedKey1
const { nestedKey1, ...updatedKey3 } = newObject.key3;
const finalObject = { ...newObject, key3: updatedKey3 };

• 从newObject.key3中解构移除nestedKey1，得到更新后的嵌套对象updatedKey3
• 用扩展运算符替换newObject中的key3，得到最终结果

两种方法得到的finalObject内容均为：

{
  key2: 'value2',
  key3: { nestedKey2: 'nestedValue2' }
}

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