最佳答案
如何在HTML5 localStorage/会话存储中存储对象
我想在HTML5localStorage中存储一个JavaScript对象，但我的对象显然被转换为字符串。
我可以使用localStorage存储和检索原始JavaScript类型和数组，但对象似乎不起作用。他们应该吗？
这是我的代码：
var testObject = { 'one': 1, 'two': 2, 'three': 3 };console.log('typeof testObject: ' + typeof testObject);console.log('testObject properties:');for (var prop in testObject) {console.log(' ' + prop + ': ' + testObject[prop]);}
// Put the object into storagelocalStorage.setItem('testObject', testObject);
// Retrieve the object from storagevar retrievedObject = localStorage.getItem('testObject');
console.log('typeof retrievedObject: ' + typeof retrievedObject);console.log('Value of retrievedObject: ' + retrievedObject);控制台输出是
typeof testObject: objecttestObject properties:one: 1two: 2three: 3typeof retrievedObject: stringValue of retrievedObject: [object Object]在我看来，setItem方法在存储之前将输入转换为字符串。
我在Safari，Chrome和Firefox中看到了这种行为，所以我认为这是我对HTML5网络存储规范的误解，而不是浏览器特定的bug或限制。
我试图理解2中描述的结构克隆算法。我不完全理解它在说什么，但也许我的问题与我的对象的属性不可枚举有关（？？？）。
有没有简单的解决方法？
更新：W3C最终改变了他们对结构化克隆规范的看法，并决定更改规范以匹配实现。参见12111-存储对象getItem（key）方法的规范与实现行为不匹配。所以这个问题不再100%有效，但答案可能仍然令人感兴趣。
