能否通过一步操作将对象解构为两个指定属性的独立对象？

你期望的那种嵌套解构写法不可行，因为原对象里不存在firstObj和secondObj属性，强行解构会抛出错误。不过可以通过以下两种方式实现一步式拆分：

方式一：简洁两行写法（日常开发首选） #

先解构出指定属性和剩余属性，再直接组合成目标对象，逻辑清晰且代码简洁：

const obj = {
  prop1: "Prop1",
  prop2: "Prop2",
  prop3: "Prop3",
  prop4: "Prop4",
  prop5: "Prop5"
};

const { prop1, prop2, prop3, ...secondObj } = obj;
const firstObj = { prop1, prop2, prop3 };

方式二：立即执行函数封装（严格一行完成） #

如果追求代码形式上的一行完成，可以用立即执行函数把解构和组合逻辑封装起来：

const obj = {
  prop1: "Prop1",
  prop2: "Prop2",
  prop3: "Prop3",
  prop4: "Prop4",
  prop5: "Prop5"
};

const [firstObj, secondObj] = (() => {
  const { prop1, prop2, prop3, ...rest } = obj;
  return [{ prop1, prop2, prop3 }, rest];
})();

两种方式都能实现你想要的效果，第一种写法可读性更高，更适合日常开发场景。

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