京东6.18大促主会场领京享红包更优惠

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

2024-11-2 22:30| 发布者: ae2942d9| 查看: 104| 评论: 0

摘要: 我想在HTML5中存储一个JavaScript对象[code]localStorage[/code],但是我的对象显然正在转换为字符串。 我可以利用来存储和检索原始JavaScript类型和数组[code]localStorage[/code],但是对象好像无法正常工作。应该

我想在HTML5中存储一个JavaScript对象[code]localStorage[/code],但是我的对象显然正在转换为字符串。

我可以利用来存储和检索原始JavaScript类型和数组[code]localStorage[/code],但是对象好像无法正常工作。应该吗

这是我的代码:

[code] 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 storage localStorage.setItem('testObject', testObject); // Retrieve the object from storage var retrievedObject = localStorage.getItem('testObject'); console.log('typeof retrievedObject: ' + typeof retrievedObject); console.log('Value of retrievedObject: ' + retrievedObject);[/code]

控制台输出为

[code]typeof testObject: object testObject properties:   one: 1   two: 2   three: 3 typeof retrievedObject: string Value of retrievedObject: [object Object][/code]

在我看来,该[code]setItem[/code]方法是在存储输入之前将输入转换为字符串。

办理方案:

再次查看Apple,Mozilla和Mozilla文档,该功能好像仅限于处理字符串键/值对。

一种办理方法是在存储对象之前先对它举行字符串化处理,然后在检索它时对其举行剖析:

[code] var testObject = { 'one': 1, 'two': 2, 'three': 3 }; // Put the object into storage localStorage.setItem('testObject', JSON.stringify(testObject)); // Retrieve the object from storage var retrievedObject = localStorage.getItem('testObject'); console.log('retrievedObject: ', JSON.parse(retrievedObject));[/code]

到此这篇关于在HTML5 localStorage中存储对象的文章就先容到这了,更多相关HTML5 localStorage存储对象内容请搜刮脚本之家以前的文章或继承浏览下面的相关文章,希望各人以后多多支持脚本之家!


来源:https://www.jb51.net/html5/772255.html
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
关闭

站长推荐上一条 /6 下一条

QQ|手机版|小黑屋|梦想之都-俊月星空 ( 粤ICP备18056059号 )|网站地图

GMT+8, 2025-7-2 09:15 , Processed in 0.029258 second(s), 18 queries .

Powered by Mxzdjyxk! X3.5

© 2001-2025 Discuz! Team.

返回顶部