Dynamically Add Variable Name Value Pairs to JSON Object

by

That’s not JSON. It’s just Javascript objects, and has nothing at all to do with JSON.

You can use brackets to set the properties dynamically. Example:

var obj = {};
obj['name'] = value;
obj['anotherName'] = anotherValue;

This gives exactly the same as creating the object with an object literal like this:

var obj = { name : value, anotherName : anotherValue };

If you have already added the object to the ips collection, you use one pair of brackets to access the object in the collection, and another pair to access the propery in the object:

ips[ipId] = {};
ips[ipId]['name'] = value;
ips[ipId]['anotherName'] = anotherValue;

Notice similarity with the code above, but that you are just using ips[ipId] instead of obj.

You can also get a reference to the object back from the collection, and use that to access the object while it remains in the collection:

ips[ipId] = {};
var obj = ips[ipId];
obj['name'] = value;
obj['anotherName'] = anotherValue;

You can use string variables to specify the names of the properties:

var name="name";
obj[name] = value;
name="anotherName";
obj[name] = anotherValue;

It’s value of the variable (the string) that identifies the property, so while you use obj[name] for both properties in the code above, it’s the string in the variable at the moment that you access it that determines what property will be accessed.

More Related Contents:

  1. JavaScript object literal length === undefined?
  2. Count the recurrence of a word
  3. Why don't we use JavaScript objects to store data instead of MySQL or any database? [closed]
  4. Dynamically access object property using variable
  5. How can I add a key/value pair to a JavaScript object?
  6. Why is null an object and what’s the difference between null and undefined?
  7. Remove array element based on object property
  8. How to check if object property exists with a variable holding the property name?
  9. Generic deep diff between two objects
  10. Print content of JavaScript object? [duplicate]
  11. Adding custom properties to a function
  12. Getting the object’s property name
  13. Is there any way to use a numeric type as an object key?
  14. requestAnimationFrame with this keyword
  15. Pure Javascript – store object in cookie
  16. Group by, and sum, and generate an object for each array in JavaScript
  17. How do I access properties of a javascript object if I don’t know the names?
  18. Encoding Javascript Object to Json string
  19. Get object property name as a string
  20. Javascript pushing objects into array changes entire array
  21. Does Object.assign() create a deep copy or a shallow copy?
  22. What is the difference between `throw new Error` and `throw someObject`?
  23. Accessing an object property with a dynamically-computed name
  24. How to group an array of objects based on multiple keys in Javascript?
  25. How to remove undefined and null values from an object using lodash?
  26. JS associative object with duplicate names
  27. JavaScript – Advantages of object literals
  28. Create a dynamic nested object from array of properties
  29. How to filter an object with its values in ES6
  30. how to get object’s name in javascript?

Leave a Comment