Split JSON object with square backet names into sub objects

Question

We're serializing a form using serializeObject and then storing this into local storage as a JSON encoded string. When we decode this back out of LocalStorage, we have keys with the name of flight[inbound][0][iso] and flight[outbound][1][date] etc. This makes it difficult to properly loop through later on (in JavaScript) as we need to now repopulate the form with the stored data.

Is there a way of further decoding these key names into sub-objects? For example:

flight[outbound][0][datetime] = "Something";
flight[outbound][0][from]     = "Something";
flight[outbound][0][to]       = "Something";
flight[outbound][0][carrier]  = "Something";
flight[inbound][0][datetime]  = "Something";
flight[inbound][0][from]      = "Something";
flight[inbound][0][to]        = "Something";
flight[inbound][0][carrier]   = "Something";

Should turn into:

flight = {
    outbound: {
        0: {
            datetime: "Something",
            from:     "Something",
            to:       "Something",
            carrier:  "Something",
        }
    },
    inbound: {
        0: {
            datetime: "Something else",
            from:     "Something else",
            to:       "Something else",
            carrier:  "Something else",
        }
    }
}

What's the code of serializeObject ? This should be wrong on the step of serializing to the right object. — xdazz
– xdazz, Commented Apr 24, 2014 at 9:54
What does the JSON look like? If your turning JSON into a JS object you should use JSON.Parse() — Liam
– Liam, Commented Apr 24, 2014 at 9:55
@James So it's a jQuery plugin? Any way, could you create a jsfiddle to reproduce your problem? — xdazz
– xdazz, Commented Apr 24, 2014 at 9:56
Also see Javascript expando objects flight[outbound] is directly equal to flight.outbound or flight={outbound:{...}} — Liam
– Liam, Commented Apr 24, 2014 at 10:00

James · Accepted Answer · 2014-04-24 10:04:09Z

0

It turns out that the serializeObject plugin we're using wasn't doing the right job. Switching it for https://github.com/macek/jquery-serialize-object has provided us with what we're after.

answered Apr 24, 2014 at 10:04

James

5,1697 gold badges43 silver badges80 bronze badges

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

1 Comment

Liam Over a year ago

You know this is build into JavaScript now don't you? You don't need a plugin at all. Also the default polyfill Json serializer is http://bestiejs.github.io/json3/. This is the one built on JSON2 which was written by the guy who invented JSON.

Collectives™ on Stack Overflow

Split JSON object with square backet names into sub objects

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related