如何在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有什么区别？  感谢。