Rebuilding an object serialized in JSON

Question

In my web app, I'm serializing objects for storage using JSON.stringify() as described here. This is great, and I can easily re-create the objects from the JSON strings, but I lose all of the objects' methods. Is there a simple way to add these methods back to the objects that I'm overlooking - perhaps involving prototyping, something I'm not overly familiar with?

Or is it just a case of creating an elaborate function of my own for doing this?

Edit: Ideally, I'm looking for something like:

Object.inheritMethods(AnotherObject);

possible duplicate of Best way to serialize/unserialize objects in javascript? — Felix Kling
– Felix Kling, Commented Aug 26, 2011 at 12:04
I suppose the solution there could work for me, with some modifications. I guess I was hoping for something more like Object.inheritMethods(Object2) though - I'll clarify the original post to specify this. — Jim
– Jim, Commented Aug 26, 2011 at 12:14
In browsers which support it, you might be able to use Object.create: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/… — Felix Kling
– Felix Kling, Commented Aug 26, 2011 at 12:17
That worked perfectly, once I fixed the rest of my bugs :) If you want to submit it as an answer, I'll accept it. — Jim
– Jim, Commented Aug 26, 2011 at 14:07

Steve · Accepted Answer · 2011-10-03 16:22:04Z

Once you have your object after calling JSON.parse, you have many options. Here's a few examples.

Mixin

There are many techniques for doing this, which this article describes nicely. However, here's a simple example that doesn't require any new language features. Remember that an object is essentially just a map, so JS makes it easy to add additional properties to an object.
```
var stuffToAdd = function() { this.name = "Me"; this.func1 = function() { print(this.name); } this.func2 = function() { print("Hello again"); } } var obj = JSON.parse("{}"); stuffToAdd.call(obj); 
```
Prototypical

Use the Object.create method that Felix mentioned. Since this is only offered in ES5, you may want to use a shim to guarantee its availability.

Eagle1 · Accepted Answer · 2018-02-20 08:34:35Z

0

Old question, but I found it when searching for that problem today. I've found a solution elsewhere and uptodate (ES6):

Object.assign(new myclass(), jsonString);

answered Feb 20, 2018 at 8:34

Eagle1

8102 gold badges13 silver badges31 bronze badges

1 Comment

aeskreis Over a year ago

It should be noted this will only work for classes which have no constructor parameters or constructors with no side effects.

Collectives™ on Stack Overflow

Rebuilding an object serialized in JSON

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related