javascript - ES6 对象赋值简化

Question

我有以下代码(运行良好)

const action = {
  type: types.CHANGE_ADMIN_USER_PASSWORD,
  password: initialState.admin.editUserPassword.password,
  confirm: initialState.admin.editUserPassword.confirmPassword,
  ...input
};

其中input是{password: 'hello'}或{confirm:'world'}。值可以不同，但​​只有一个键存在。

问题:有没有办法简化代码？例如，我只想拥有一次 initialState.admin.editUserPassword 。 UPD:initialState.admin.editUserPassword 具有两个以上属性，因此我无法将所有该对象包含到 action 中。

Answer 1

最简单的方法是 destructuring :

const { password, confirmPassword } = initialState.admin.editUserPassword;

const action = {
  type: types.CHANGE_ADMIN_USER_PASSWORD,
  password,
  confirm: confirmPassword,
  ...input
};

如果嵌套对象 (initialState.admin.editUserPassword) 仅具有这两个字段 (password、confirmPassword)，并且不重命名confirmPassword 来confirm，您甚至可以执行以下操作:

const action = {
  type: types.CHANGE_ADMIN_USER_PASSWORD,
  ...initialState.admin.editUserPassword,
  ...input
};