• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    在HTML5 localStorage中存储对象的示例代码

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

    我可以使用来存储和检索原始JavaScript类型和数组localStorage,但是对象似乎无法正常工作。应该吗

    这是我的代码:

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

    控制台输出为

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

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

    解决方案:

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

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

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

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

    上一篇:html5移动端禁止长按图片保存的实现
    下一篇:HTML5中外部浏览器唤起微信分享
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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