Serialize/Stringify javascript object [duplicate]

Question

I would like to serialize/stringify a javascript object that can be passed between browsers as a string using signalr

The signalr portion is working, as i can send and receive chat messages.

This is my simple test rig

function UserObject() {
  var _firstName = 't';
  this.getFirstName = function () {
    return _firstName;
  }
  this.setFirstName = function (value) {
    _firstName = value;
  }
}

var userObject = new UserObject();
console.log(userObject.getFirstName());
userObject.setFirstName('tony');
console.log(JSON.stringify(userObject));
console.log("First Name: " + userObject.getFirstName());

This is the results that i am receiving.

> "t"
> "{}"
> "First Name: tony"

Why is the console.log(JSON.stringify(userObject)) failing? When i can set the value, reset the value and not see the value when i try to view the object.

Duplicate of stackoverflow.com/q/13589880/1300910

huysentruitw
– huysentruitw

2018-01-26 16:47:19 +00:00
Commented Jan 26, 2018 at 16:47 — huysentruitw
– huysentruitw, Commented Jan 26, 2018 at 16:47

Joao Lopes · Accepted Answer · 2018-01-26 16:54:38Z

2

It's failing because you only have private variables.

Here's with public properties.

function UserObject() {
  var _firstName = 't';
  this.getFirstName = function () {
    return this.firstName || _firstName;
  }
  this.setFirstName = function (value) {
    this.firstName = value;
  }
}

var userObject = new UserObject();
console.log(userObject.getFirstName());
userObject.setFirstName('tony');
console.log(JSON.stringify(userObject));
console.log("First Name: " + userObject.getFirstName());

edited Jan 26, 2018 at 16:54

answered Jan 26, 2018 at 16:43

Joao Lopes

9665 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

melpomene · Accepted Answer · 2018-01-26 16:43:03Z

1

Your value is stored in _firstName, which is a local variable in the UserObject function. It's not stored in the object, so serializing the object won't show it.

The only thing stored in your object is two functions (getFirstName, setFirstName), but JSON can't represent functions.

That's why the JSON result shows an empty object.

answered Jan 26, 2018 at 16:43

melpomene

86.2k8 gold badges96 silver badges154 bronze badges

Comments

huysentruitw · Accepted Answer · 2018-01-26 16:46:59Z

1

Because your UserObject doesn't have any public field to serialize.

Try to assign to this.firstName instead.

edited Jan 26, 2018 at 16:46

answered Jan 26, 2018 at 16:41

huysentruitw

28.2k10 gold badges95 silver badges141 bronze badges

Comments

pithhelmet · Accepted Answer · 2018-01-26 17:02:19Z

0

This is what i went with....

    var UserObject = {
        firstName: '',
        lastName: ''
    };
    UserObject.firstName = 'tony';
    var myObjStr = JSON.stringify(UserObject);
    console.log(myObjStr);
    var uo = JSON.parse(myObjStr);
    console.log(uo);

answered Jan 26, 2018 at 17:02

pithhelmet

2,3126 gold badges37 silver badges64 bronze badges

Collectives™ on Stack Overflow

Serialize/Stringify javascript object [duplicate]

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related