Javascript declare multiple dynamically generate keys at once [duplicate]

Question

I am trying to dynamically create the following object

let foo = {
    bar: {
        data: [1, 2, 3]
    }
}

Is there a way to correct this statement to achieve this?

let property = bar
foo = { [`${property}/data`]: [1, 2, 3] }

There's no such syntax. If property is the only thing about the path that's dynamic, only use that in a computed key. — Cerbrus
– Cerbrus, Commented Nov 7, 2017 at 12:21
You should clarify what bar is, and what you're trying to achieve overall. As it stands, it's hard to see whether you're asking about a specific case of an object with a single property, itself an object, or as part of larger example. I'd certainly caution against trying to do it on one line until you have it working in some form at least. — Olivier Butler
– Olivier Butler, Commented Nov 7, 2017 at 12:28

Nina Scholz · Accepted Answer · 2017-11-07 12:19:19Z

3

You could only take property for a computed property name and take the rest as object.

var property = 'bar',
    foo = { [property]: { data: [1, 2, 3] } };

console.log(foo);

For a double nested object, you could take the other data property as variable as well.

var property0 = 'bar',
    property1 = 'data',
    foo = { [property0]: { [property1]: [1, 2, 3] } };

console.log(foo);

answered Nov 7, 2017 at 12:19

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kind user · Accepted Answer · 2017-11-07 12:20:39Z

1

[${property}/data] won't create a nested object inside.

Anyways, bar isn't defined and will throw an error.

Use following approach:

let property = 'bar';

let foo = { [property]: { 
    data: [1,2,3],
  } 
};

console.log(foo);

answered Nov 7, 2017 at 12:20

kind user

42k8 gold badges69 silver badges78 bronze badges

I think bar may be referring to 'some other predefined variable'