JavaScript：反向对象解构/重构代码以更新对象[重复]

Question

TLDR：如何使用解构来加速基于同一接口的另一个对象的一个​​对象的部分更新？

我想使用新的 ECMA2015 - 2017 JavaScript 来重构我的代码。

为简单起见，假设我有一个对象，如下所示：

export interface myObj {
  name:           string;
  id:             number;
  description:    string;
  someBool:       boolean;
  anotherBool:    boolean;
}

（导出接口有效，因为我正在使用 Typescript 在 Angular 中工作）。

这里是旧的 es5 函数：

updateMyObj = function(oldObj, newObj) {
  var someBoolSaved = oldObj.someBool;
  var anotherBoolSaved = oldObj.anotherBool;
  oldObj = newObj;
  oldObj.someBool = someBoolSaved;
  oldObj.anotherBool = anotherBoolSaved;
}

如您所见，该函数应该更新 oldObj 的某些部分，但也要保留一些部分。

这是我重构代码的尝试：

updateObj(oldObj, newObj) {
  let {someBool, anotherBool} = oldObj;
  oldObj = newObj;
  // Here is the part where I don't know how to proceed.
}

但我不知道，我现在如何将 oldObj 的布尔值分配给保存的布尔值。

一种不优雅的方式是

oldObj.someBool = someBool;
oldObj.anotherBool = anotherBool;

在这个例子中会很好。但在我的实际任务中，这会花费很多代码行，这就是我要重构的原因。

我只是想不出正确的语法。

我编写此代码的尝试如下所示：

oldObj = {someBool, anotherBool}

但这不起作用。

Answer 1

const newObj = { ...oldObject, someBool: true, anotherBool: false};

编辑：

更新旧对象真的是你想要做的吗？

在您的原始代码中，您改变 oldObj 作为函数的副作用。这通常被视为不良做法。下面是一个没有副作用的纯函数示例。

const firstObj = { name: 'hi', someBool: true, anotherBool: true };
const secondObj = { name: 'bye', someBool: false }; 
const thirdObj = mergeObjects(firstObj, secondObj);
// work with thirdObj from now on

function mergeObjects(firstObj, secondObj): myObj {
  return { 
    ...secondObj,
    firstObj.someBool,
    firstObj.anotherBool 
  }
}

Answer 2

如果要将解构后的值分配给属性，可以通过在解构中指定 : 右侧的属性来实现。

例如：以下将newObj.a 和newObj.c 分配给oldObj.a 和oldObj.c：

({a: oldObj.a, c: oldObj.c} = newObj);
//   ^^^^^^^^-----^^^^^^^^---- destinations for a and c

（() 是必需的，否则开头的 { 看起来像块的开头。如果我们已经在表达式上下文中，则不需要它们。）

const oldObj = {a: "old a", b: "old b"};
const newObj = {a: "new a", c: "new c"};
({a: oldObj.a, c: oldObj.c} = newObj);
console.log(oldObj);

正如 Bergi 在对该问题的评论中指出的那样，它并没有真正让你买太多

oldObj.a = newObj.a;
oldObj.c = newObj.c;

这是各种pick notations 出现的原因之一（最近才看到活动）。如果该提议被接受（而且它甚至还没有冠军，所以不要屏住呼吸），你会有oldObj.{a, c} = newObj;。