arrays - オブジェクトと配列を HTML5 localStorage に保存する方法は?

Question

オブジェクトと配列を格納するには、localStorage を使用する必要があります。ただし、何かを設定するたびに、代わりに文字列値が格納されます。例えば：

var x = [1,2,3];
localStorage["x"] = x;
console.debug(x); //[1, 2, 3]
console.debug(localStorage["x"]); //"1,2,3"

およびオブジェクト:

var o = {foo:1};
localStorage["o"] = o;
console.debug(localStorage["o"]); //[object Object]
console.debug(o); //Object \ foo: 1 \ __proto__: Object

(\s は改行です)

localStorage 内にオブジェクトと配列をどのように格納しますか。

また、localStorage、sessionStorage、document.cookie の違いは何ですか? ありがとう。