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?

Answer 1

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());

Answer 2

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