Javascript object unique ID with variable [duplicate]

Question

I'm trying to use a unique ID to store a JSON object in an array so that I can pull out that specific object at a later date in my code, however my expected output isn't happening:

var applications = []

var key = 50

var obj = {
  key: {
    "name": "John"
  }
}

// expected output:
//
// [{
//   '50': {
//     "name": "John"
//   }
// }]
// 

applications.push(obj)

You've hardcoded the property name key, see computed property names. — Teemu
– Teemu, Commented Jun 4, 2020 at 9:45

palaѕн · Accepted Answer · 2020-06-04 09:47:55Z

4

In order to use a dynamic key, we just need to wrap that key in square brackets [] like:

var applications = []
var key = 50
var obj = {
  [key]: {
    "name": "John"
  }
}
applications.push(obj)

console.log(applications)

answered Jun 4, 2020 at 9:47

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

2 Comments

dehart Over a year ago

Did not know about the square bracket method to use a string as the name of the key, thanks for that!

Hamza Ezzaydia Over a year ago

Note: it is not working on ES5

Hamza Ezzaydia · Accepted Answer · 2020-06-04 09:54:38Z

0

Adding [] is available from ES6 and Babel and not ES5

For compatibility you need to make the object first, then use [] to set it.

var key = 50;
var obj = {};
obj[key] = someValueArray;
applications.push(obj);

answered Jun 4, 2020 at 9:54

Hamza Ezzaydia

2772 silver badges13 bronze badges

Collectives™ on Stack Overflow

Javascript object unique ID with variable [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related