Adding to a JSON string

Question

I have a JSON string as follows:

[
    {"TypeName":"Double","TypeID":14},
    {"TypeName":"Single","TypeID":43},
    {"TypeName":"Family","TypeID":7}
]

It is generated after calling this function in KnockOut:

self.save = function() {
    var dataToSave = $.map(self.lines(), function(line) {
        return line.product() ? {
            TypeName: line.category().TypeName,
            TypeID: line.category().TypeID
            : undefined
});

alert(JSON.stringify(dataToSave));

However, I want to add 3 more pieces of information to the model, before posting it back to my server - to also send Name, Email and Tel:

{
    "Name":"Mark",
    "Email":"[email protected]",
    "Tel":"0123456789",
    "Rooms":
        [
            {"TypeName":"Double","TypeID":14},
            {"TypeName":"Single","TypeID":43},
            {"TypeName":"Family","TypeID":7}
        ]
}

Is there a proper way of adding this information to the JSON, or is it just as simple as:

var toSend = "{\"Name\":\"Mark\":\"Email\":\"[email protected]\", \"Tel\":\"0123456789\",\"Rooms\":"
+ JSON.stringify(dataToSave) + "}";

Thank you,

Mark

I would parse and stringify. Perhaps leave out parsing if possible altogether. Your code seems it should work - learn to love the single quotes though, so that you don't have to escape as much. — John Dvorak
– John Dvorak, Commented Mar 22, 2013 at 15:59

Graham · Accepted Answer · 2013-03-22 15:58:55Z

5

Parse your JSON string using JSON.parse into a valid JS object, add the data to the object as needed, then JSON.stringify it back. A JSON string is just a representation of your data, so you shouldn't rely on modifying it directly.

answered Mar 22, 2013 at 15:58

Graham

6,5822 gold badges39 silver badges39 bronze badges

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

2 Comments

Mike Christensen Over a year ago

+1 - This is the only way to guarantee the JSON stays valid.

cdhowie Over a year ago

This is good advice if you don't have control over the data until after it has been encoded, but that's not the case here. He can simply pass a different structure to the JSON encoder.

cdhowie · Accepted Answer · 2013-03-22 16:00:13Z

3

Why encode to JSON and then modify the resulting string when you can pass the structure you actually want to the JSON encdoder?

var toSend = JSON.stringify({
    Name: "Mark",
    Email: "[email protected]",
    Tel: "0123456789",
    Rooms: dataToSave
});

answered Mar 22, 2013 at 16:00

cdhowie

172k25 gold badges303 silver badges324 bronze badges

Collectives™ on Stack Overflow

Adding to a JSON string

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related