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

【问题标题】：How to destructure an object with multiple sub-keys of the same name如何解构具有多个同名子键的对象
【发布时间】：2019-08-20 06:44:11
【问题描述】：

解构以下对象的最简洁方法是什么？

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：