将一个对象解构为另一个对象

Question

我正在尝试将我的代码更新为 es6。 除了这一部分，我将所有其他代码都更新为 es6 语法。 我了解解构的主要概念（也许？）， 但我不知道如何对这段代码进行解构（const userData 部分）。 我想让这段代码更简洁。

$scope.doRegister = (registerForm) => {
  const userData = {
    emailAddress: $scope.registerData.email,
    password: $scope.registerData.password,
    firstName: $scope.registerData.first,
    lastName: $scope.registerData.last
  };
  userService.registerUser(userData)
  .then((userData) => {
    $ionicHistory.nextViewOptions({ historyRoot: true });
    $state.go('app.deviceSetup');
  })
  .catch((err) => {
    console.error(err);
  });
}

Answer 1

您实际上是在尝试将$scope.registerData“解构”成一个新对象userData。但是解构只支持解构到变量，而不是对象。因此，你可以写：

const {
  email:    emailAddress, 
  password, 
  first:    firstName, 
  last:     lastName
} = $scope.registerData;

const userData = {emailAddress, password, firstName, lastName};

上面的第一行是解构；第二行使用“速记属性表示法”来构建新对象。

关于如何解构成一个新对象，这里有很多关于 SO 的建议和许多问题，但没有简单、明显的方法来做到这一点。最接近的可能是使用object rest syntax，它只有在您知道要省略哪些属性、不允许重命名、会创建额外变量dontNeed1 等时才有效，并且可能有也可能没有本机浏览器支持.

const {...userData, dontNeed1, dontNeed2} = ...$scope.registerData;

在这种情况下，完全不尝试使用解构和/或使用@BrianMcCutchon 的方法，这当然是一个可行的选择，甚至可能更可取。

Answer 2

我不认为解构是做到这一点的正确方法。但是，还有其他方法可以清理此代码。最简单的是将$scope.registerData保存到一个临时变量中：

const rd = $scope.registerData
const userData = {
  emailAddress: rd.email,
  password: rd.password,
  firstName: rd.first,
  lastName: rd.last
};

别误会，你可以使用解构，但你最终不得不在某处重复字段名称。这样更干净。