How to stringify inherited objects to JSON?

by

Well that’s just the way it is, JSON.stringify does not preserve any of the not-owned properties of the object. You can have a look at an interesting discussion about other drawbacks and possible workarounds here.

Also note that the author has not only documented the problems, but also written a library called HydrateJS that might help you.

The problem is a little bit deeper than it seems at the first sight. Even if a would really stringify to {"position":0, "someVal":50}, then parsing it later would create an object that has the desired properties, but is neither an instance of Actor, nor has it a prototype link to the WorldObject (after all, the parse method doesn’t have this info, so it can’t possibly restore it that way).

To preserve the prototype chain, clever tricks are necessary (like those used in HydrateJS). If this is not what you are aiming for, maybe you just need to “flatten” the object before stringifying it. To do that, you could e.g. iterate all the properties of the object, regardless of whether they are own or not and re-assign them (this will ensure they get defined on the object itself instead of just inherited from the prototype).

function flatten(obj) {
    var result = Object.create(obj);
    for(var key in result) {
        result[key] = result[key];
    }
    return result;
}

The way the function is written it doesn’t mutate the original object. So using 

console.log(JSON.stringify(flatten(a)));

you’ll get the output you want and a will stay the same.

More Related Contents:

  1. I’m trying to create a Google Chrome extension [closed]
  2. pretty-print JSON using JavaScript
  3. Make cross-domain ajax JSONP request with jQuery
  4. No ‘Access-Control-Allow-Origin’ header is present on the requested resource error
  5. POST data in JSON format
  6. Javascript how to parse JSON array
  7. JSON.stringify() array bizarreness with Prototype.js
  8. Convert object string to JSON
  9. Javascript : Send JSON Object with Ajax?
  10. Why do people put code like “throw 1; ” and “for(;;);” in front of json responses? [duplicate]
  11. How do I create JavaScript array (JSON format) dynamically?
  12. Refused to execute script, strict MIME type checking is enabled?
  13. Is there any practical reason to use quoted strings for JSON keys?
  14. JSON.stringify, change the case of the key
  15. How to convert HTML to JSON using PHP?
  16. Ways to save Backbone.js model data?
  17. JavaScript recursive search in JSON object
  18. Using reserved words as property names, revisited
  19. Are all JSON objects also valid JavaScript objects?
  20. Parsing JSON w/ @ at sign symbol in it (arobase)
  21. Changing getJSON to JSONP
  22. Accessing elements of JSON object without knowing the key names
  23. Whats the difference between using a class and interface?
  24. Combine json arrays by key, javascript
  25. Construct hierarchy tree from flat list with parent field? [duplicate]
  26. jQuery: Evaluate script in ajax response
  27. Parsing Date from webservice
  28. Backbone.js – data not being populated in collection even though fetch is successful
  29. How can I use nested Json to populate Kendo UI grid?
  30. Create HTML table from JavaScript object

Leave a Comment