ES6 destructuring two objects with same property name

Question

i have two javascript object with the next syntax:

let section = { name: "foo", tables: [] }
let field   = { name: "bar", properties: {} }

and a function who expect those objects, but in the function i only use the name of each object, so i wanted to know if i can destructuring the two objects in the function's declaration like:

function something( {name}, {name} ) {
  //code
}

the first should be section.name and the second should be field.name.

Is there a way two do a destructuring in this scenario? or should i spect only the names in the function?

Which is better?

Thank you.

Why don't you just pass the name property for each of the two parameters if that's all that is used? Why use destructuring at all? — jfriend00, Sep 08 '17 at 17:12
Of course, since the same are called name it retrieves: Uncaught SyntaxError: Duplicate parameter name not allowed in this context — Carlos Herrera Plata, Sep 08 '17 at 17:13
You can rename deconstructed variables, like `something({name: sectionName}, {name: fieldName})` — Bobbyrogers, Sep 08 '17 at 17:15
Yep the second option is only pass the name property and name the vars different, but i wanted to know if there is a way of destructuring two properties with same name, it lloks like Andy has answered my question, thank you all — Carlos Herrera Plata, Sep 08 '17 at 17:15
yeah thank you i tried but Stack give me the message 'You have to wait 2 minutes' xD sorry — Carlos Herrera Plata, Sep 08 '17 at 17:34

Andy · Accepted Answer · 2019-10-25T16:28:48.477

37

Yup, it looks like you can label/reassign the parameters: {before<colon>after}

var section = { name: 'foo', tables: [] };
var field = { name: "bar", properties: {} };

function something({ name: sectionName }, { name: fieldName }) {
  console.log(sectionName, fieldName);
}

something(section, field);

edited Oct 25 '19 at 16:28

answered Sep 08 '17 at 17:14

Andy

61,948
13
68
95

1

+1, but in production please use some more meaningful names. `something({ name: sectionName }, { name: fieldName })`. – Amberlamps Sep 08 '17 at 17:32
6

Of course no one would use foo or bar. Your comment is overly pedantic. – J. Lin Dec 02 '20 at 08:20

ES6 destructuring two objects with same property name

1 Answers1