JavaScript如何使用spread和rest语法移除对象嵌套属性

你之前的实现失效本质是对解构语法的rest收集规则认知偏差：
在对象解构流程里，body: { name } 属于嵌套属性映射语法，作用是从原对象的顶级属性中取出body的值，再从这个body值内部解构出独立的name变量。
而rest语法...loginReqOptions只会收集没有被解构流程显式占用的顶级键——只要你在解构时显式把body作为顶级键做了声明映射，哪怕你只是解构它内部的属性，这个顶级键本身也不会被rest收集。

可以用最小例子验证这个规则：

const demoObj = { method: 'POST', body: { name: 'test', email: 'a@x.com' } }
// 复刻错误写法
const { body: { name }, ...rest } = demoObj
console.log(rest) // 输出 { method: 'POST' }，整个顶级body字段直接丢失

核心逻辑是把需要修改的嵌套结构单独拆出做属性剥离，再重新和外层属性组装，不能直接在顶级解构的嵌套映射里处理内部属性。
结合你给出的registerReqOptions实际结构（body为JSON序列化后的字符串），完整写法如下：

// 1. 单独取出顶级body字段，剩余的method、headers等属性直接被rest收集
const { body, ...outerRestOptions } = registerReqOptions
// 2. 把序列化的body解析回原始对象，用rest语法移除内部的name字段
const rawBodyContent = JSON.parse(body)
const { name, ...cleanedBodyContent } = rawBodyContent
// 3. 重新组装新的请求配置
const loginReqOptions = {
  ...outerRestOptions,
  body: JSON.stringify(cleanedBodyContent)
}

如果原结构里的body本身就是普通对象（未做JSON序列化），可以简化为两层处理：

const { body, ...outerRest } = registerReqOptions
const { name, ...cleanedBody } = body
const loginReqOptions = { ...outerRest, body: cleanedBody }

注意：虽然可以用立即执行函数把逻辑压缩成单行嵌套写法，但分步拆解的方式可读性更高，更适合长期维护的业务代码。

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