How to put array of objects into new Json object

Question

I have several drop down lists on my page. Based on the selection of these drop downs, I would like to build resulting Json object that looks like this:

{"list":{"city":["1","2","3"],"businessName":["City1","AnotherCity"]}}

Dropdowns event here:

    $(".chosen-select").each(function () {
        $id = this.id;
        $value = $(this).val();
    });

Of course I would like this to be as generic as possible therefore I'm getting $id (which in my case is "city" and "businessName", however it may be different on another page.

$value = $(this).val();

is of course array of selected values ie: "["1","2","3"];

I've tried this but it's not what I want

    var jsonObj = {
         list: []
    };

    $(".chosen-select").each(function () {
        $id = this.id;
        $value = $(this).val();

        var obj = {};
        obj[$id] = $value;
        jsonObj.list.push(obj);
    });

which results in this:

{"list":[{"city":["2","3"]},{"businessName":["KrakVenue1","KrakVenue3"]}]}

and NOT what I want.

How would I do it? thanks

Just a side note: we normally try to reserve the $ symbol for variables that are jQuery collections. — PeterKA
– PeterKA, Commented Aug 5, 2014 at 13:50

Gabriele Petrioli · Accepted Answer · 2014-08-05 13:51:56Z

2

Since you want your list to be an object, do not create it as an array.

var jsonObj = {
     list: {}
};

$(".chosen-select").each(function () {
    var id = this.id,
        value = $(this).val();

    jsonObj.list[id] = value;
});

Demo at http://jsfiddle.net/gaby/4f43Q/

answered Aug 5, 2014 at 13:51

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

1 Comment

ShaneKm Over a year ago

exactly what I wanted. thanks. will accept in 5 min.

Explosion Pills · Accepted Answer · 2014-08-05 13:56:22Z

1

jsonObj.list should be the object you want and not an array, so you shouldn't push to it.

if (!jsonObj.list.hasOwnProperty(id)) {
    jsonObj.list[id] = value;
}
else {
    // key already exists.  What should you do with it?
    // if `value` is another array, you can use `.concat`
}

It seems like value should be an array, but they are individual values and you want to treat them as an array, use:

if (!jsonObj.list.hasOwnProperty(id)) {
    jsonObj.list[id] = [];
}
jsonObj.list[id].push(value);

answered Aug 5, 2014 at 13:56

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

3 Comments

Gabriele Petrioli Over a year ago

assuming from the selector .chosen-select that it is a <select> element with multiple attribute, the .val() returns an array of selected options.

Explosion Pills Over a year ago

@GabyakaG.Petrioli never assume anything!

Gabriele Petrioli Over a year ago

@ExplosionPills fair point, but in this case the use of .val() and the fact that he gets results as an array (he posted what he gets) make that a non-issue.

Collectives™ on Stack Overflow

How to put array of objects into new Json object

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related