create object using variables for property name [duplicate]

by

If you want to use a variable for a property name, you can use Computed Property Names. Place the variable name between square brackets:

var foo = "bar";
var ob  = { [foo]: "something" }; // ob.bar === "something"

If you want Internet Explorer support you will need to use the ES5 approach (which you could get by writing modern syntax (as above) and then applying Babel):

Create the object first, and then add the property using square bracket notation.

var foo = "bar";
var ob  = {};
ob[foo] = "something"; // === ob.bar = "something"

If you wanted to programatically create JSON, you would have to serialize the object to a string conforming to the JSON format. e.g. with the JSON.stringify method.

More Related Contents:

  1. How to use a variable for a key in a JavaScript object literal?
  2. JavaScript object literal length === undefined?
  3. the value of the property “if” is null or undefined, not a Function object [closed]
  4. JavaScript property access: dot notation vs. brackets?
  5. Test for existence of nested JavaScript object key
  6. Sorting object property by values
  7. What is the difference between properties and attributes in HTML?
  8. How to create an object property from a variable value in JavaScript? [duplicate]
  9. How do I reference a JavaScript object property with a hyphen in it?
  10. dynamic keys for object literals in Javascript [duplicate]
  11. How to set a Javascript object values dynamically?
  12. Arrow Function in Object Literal [duplicate]
  13. Access object properties within object [duplicate]
  14. Get all user defined window properties?
  15. Use a concatenated (dynamic) string as JavaScript object key? [duplicate]
  16. JavaScript object detection: dot syntax versus ‘in’ keyword
  17. Using reserved words as property names, revisited
  18. How do I access properties of a javascript object if I don’t know the names?
  19. Determine if a JavaScript property has a getter or setter defined?
  20. Getting a list of statics on an ES6 class
  21. Get object property name as a string
  22. What’s the simplest approach to check existence of deeply-nested object property in JavaScript? [duplicate]
  23. Accessing an object property with a dynamically-computed name
  24. Adding Prototype to JavaScript Object Literal
  25. How to create an array of object literals in a loop?
  26. reference variable in object literal? [duplicate]
  27. JavaScript – Advantages of object literals
  28. Are there limits to the number of properties in a JavaScript object?
  29. Safely parsing a JSON string with unquoted keys
  30. Dynamically Add Variable Name Value Pairs to JSON Object

Leave a Comment