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

admin管理员组

文章数量:1324814

What's the cleanest way to destructure the following object?

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

The object is how an HTML form returns data and I'm trying to retrieve values using ONLY destructuring. My attempt was:

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

But it chokes on the two values having the same property name. Any ES6 alternative?

What's the cleanest way to destructure the following object?

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

The object is how an HTML form returns data and I'm trying to retrieve values using ONLY destructuring. My attempt was:

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

But it chokes on the two values having the same property name. Any ES6 alternative?

• javascript
• ecmascript-6
• destructuring

Share Improve this question Follow edited Aug 20, 2019 at 6:51 FZs 18.6k1313 gold badges4646 silver badges5656 bronze badges asked Aug 20, 2019 at 6:44 TheLearnerTheLearner 2,87355 gold badges4949 silver badges9999 bronze badges 2

• 1 Side note: e: {...} should be e={...} – FZs Commented Aug 20, 2019 at 6:50
• 1 But you must be sure that the keys are going to be available. Otherwise, you have to default the destructured object (parent). – Ioan Commented Aug 20, 2019 at 6:53

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 12

You can destructure the value properties into distinctly named variables by placing the names after a :, e.g.

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

myUserId will now have the value 'abc' and myPassword 'xyz'

本文标签： javascriptHow to destructure an object with multiple subkeys of the same nameStack Overflow