如何使用多个具有相同名称的子键来破坏对象

Question

解构以下对象的最干净方法是什么？

const e = {
  target: {
    userid: {
      value: 'abc'
    },
    password: {
      value: 'xyz'
    }
  }
}

该对象是HTML表单如何返回数据的方式，我正尝试仅使用解构来检索值。我的尝试是：

const {target: {userid: {value}, password: {value}}} = e;

但是它会阻塞两个具有相同属性名称的value。有ES6替代品吗？

Answer 1

通过将名称放在:之后，例如，可以将值属性分解为名称明确的变量。

const {target: {userid: {value: myUserId}, password: {value: myPassword}}} = e;

myUserId现在将具有值'abc'和myPassword'xyz'