How do I build JSON dynamically in javascript?

by

First, I think you’re calling it the wrong thing. “JSON” stands for “JavaScript Object Notation” – it’s just a specification for representing some data in a string that explicitly mimics JavaScript object (and array, string, number and boolean) literals. You’re trying to build up a JavaScript object dynamically – so the word you’re looking for is “object”.

With that pedantry out of the way, I think that you’re asking how to set object and array properties.

// make an empty object
var myObject = {};

// set the "list1" property to an array of strings
myObject.list1 = ['1', '2'];

// you can also access properties by string
myObject['list2'] = [];
// accessing arrays is the same, but the keys are numbers
myObject.list2[0] = 'a';
myObject['list2'][1] = 'b';

myObject.list3 = [];
// instead of placing properties at specific indices, you
// can push them on to the end
myObject.list3.push({});
// or unshift them on to the beginning
myObject.list3.unshift({});
myObject.list3[0]['key1'] = 'value1';
myObject.list3[1]['key2'] = 'value2';

myObject.not_a_list="11";

That code will build up the object that you specified in your question (except that I call it myObject instead of myJSON). For more information on accessing properties, I recommend the Mozilla JavaScript Guide and the book JavaScript: The Good Parts.

More Related Contents:

  1. Can I use all the HTML tags inside a script tag of type javascript [closed]
  2. HTML, Javascript – How to save variable after one click on button [closed]
  3. Calculate age given the birth date in the format YYYYMMDD
  4. How do I bind to list of checkbox values with AngularJS?
  5. Javascript function fails to return object when there is a line-break between the return statement and the object?
  6. How do I get the (x, y) pixel coordinates of the caret in text boxes?
  7. Can I pass a JavaScript variable to another browser window?
  8. JavaScript setTimeout() won’t wait to Execute? [duplicate]
  9. How can I perform flood fill with HTML Canvas?
  10. How can I parse CSV data with JavaScript?
  11. When do I need to specify the JavaScript protocol?
  12. Highlight text inside of a textarea
  13. ECMAScript 2015: const in for loops
  14. Use images like checkboxes
  15. Is Math.random() cryptographically secure?
  16. How to use document.getElementByName and getElementByTag?
  17. JavaScript animation
  18. Conditionally set an object property
  19. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  20. ES6 Class Multiple inheritance
  21. Currying a function that takes infinite arguments
  22. How to find a value in an array of objects in JavaScript?
  23. Get current function name in strict mode
  24. “Object doesn’t support property or method ‘find'” in IE
  25. how to intercept Button click inside UIWebview on IOS?
  26. Remove key-value pair from JSON object
  27. How to access jQuery in HTML 5 web worker
  28. Javascript – Replacing the escape character in a string literal
  29. Why isnt window.location.href= not forwarding to page using Safari?
  30. Incrementing value continuously on mouse hold

Leave a Comment