Objects in array display as [object Object]

Question

I'm trying to save an array which includes a object to a hidden field in a form. When I do so, the object doesn't show up, but is display like "[object Object]" instead.

arrayObject = [
    "something",
    { objectKey: "something else", otherObjectKey: "totally different" },
    "quite similar"
];

$("input").val(arrayObject);

This outputs

"something,[object Object],quite similar"

What can I do different?

Do you know what objects are and how they work?

Daan Timmer
– Daan Timmer

2011-12-12 10:50:38 +00:00
Commented Dec 12, 2011 at 10:50 — Daan Timmer
– Daan Timmer, Commented Dec 12, 2011 at 10:50

techfoobar · Accepted Answer · 2011-12-12 09:49:43Z

3

Set it into the hidden field after serializing it as JSON like this:

$("input").val(JSON.stringify(arrayObject));

And parse it into the arrayObject while reading it back like this:

var savedArray = JSON.parse($("input").val());

answered Dec 12, 2011 at 9:49

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

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

8 Comments

jabclab Over a year ago

Worth noting that json2.js is required to ensure that JSON.stringify() and JSON.parse() work in all browsers.

techfoobar Over a year ago

Thanks. Yes, json2.js will be required in older versions of browsers. Newer versions have these JSON methods built-in. Forgot to point that out! :)

curly_brackets Over a year ago

@jakeclarkson: Which browers are you refering to? I tried it in IE7, 8, 9, Opera 11, Firefox 8, Safari 5.1.2 and Chrome 15 and it worked in all of those.

jabclab Over a year ago

As you've correctly pointed out all modern browsers will have native support for the JSON Object. In terms of browsers that don't support it: IE6 is the one that springs to mind; if anyone is unfortunate enough to be using this still :-). By including the file you have peace of mind that JSON.stringify() and JSON.parse() are always available.

curly_brackets Over a year ago

I'm not optimizing for ie6 no longer, so that's fine by me... Thanks for the concern though.

|

Aman Singh · Accepted Answer · 2020-11-25 06:04:30Z

-1

$("input").val(JSON.stringify(arrayObject))

answered Nov 25, 2020 at 6:04

Aman Singh

3832 silver badges4 bronze badges

Collectives™ on Stack Overflow

Objects in array display as [object Object]

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related