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

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”