在HTML5 localStorage中存储对象的示例代码

在HTML5的localStorage中存储JavaScript对象时，确实会遇到类型转换的问题。因为localStorage只能存储字符串，所以当你尝试存储一个对象时，这个对象会被自动转换为字符串。有一种方法可以解决这个难题，那就是使用JSON.stringify()和JSON.parse()方法。

让我们看一下你原来的代码，你尝试直接将一个对象存入localStorage，但是取出来的时候发现类型变成了字符串，并且内容只是"[object Object]"。这是因为当你尝试将对象存入localStorage时，它实际上被转换成了字符串"[object Object]"。

你可以通过JSON.stringify()方法解决这个问题。这个方法可以将JavaScript对象转换为JSON格式的字符串。在你存储对象之前，你可以先将它转化为JSON字符串，然后再存入localStorage。当你需要取出这个对象时，可以使用JSON.parse()方法将字符串回原来的对象。

让我们看一下修改后的代码：

```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]);

}

// 使用JSON.stringify将对象转化为JSON字符串后存入localStorage

localStorage.setItem('testObject', JSON.stringify(testObject));

// 从localStorage取出字符串后使用JSON.parse回对象

var retrievedObject = JSON.parse(localStorage.getItem('testObject'));

console.log('typeof retrievedObject: ' + typeof retrievedObject);

console.log('Properties of retrievedObject:');

for (var prop in retrievedObject) {

console.log(' ' + prop + ': ' + retrievedObject[prop]);

}

```

这样，你就可以在localStorage中存储JavaScript对象，并且在需要的时候将它恢复成原来的对象了。这种方式的一个好处是，它可以处理复杂的JavaScript对象，包括嵌套的对象和数组。