如何解构具有多个同名子键的对象

Question

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

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

对象是 HTML 形成 returns 数据的方式，我正在尝试仅使用解构来检索值。我的尝试是：

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

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

Answer 1

您可以将值属性解构为明确命名的变量，方法是将名称放在 : 之后，例如

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

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

How to destructure an object with multiple sub-keys of the same name