如何编辑和删除sessionStorage中的项目

时间:2016-12-23 18:00:22

标签: javascript html5 session-storage

此代码用于存储sessionStorage中的项目,因此我想添加,编辑, 删除项目并删除我的所有代码工作正常除了删除项目i 不知道原因

function clearItem () {
            for (var i = 0; i < sessionStorage.length; i++) {
                var a = sessionStorage.key(i);
                var b = sessionStorage.removeItem(a);
            }
        }

here's my code in jsfiddle

2 个答案:

答案 0 :(得分:0)

function clearItem () {
            for (var i = 0; i < sessionStorage.length; i++) {
                var a = sessionStorage.key(i);
                sessionStorage.removeItem(a);
            }
        }

答案 1 :(得分:0)

你有几个问题:

  1. 您已指出您只想在此处从sessionStorage中删除电话号码。在这种情况下,根本不需要遍历sessionStorage。只需删除一个条目:

    sessionStorage.removeItem("number");
    
  2. 在查看您提供的小提琴时,您的代码非常混乱,并且从“流程”的角度来看并没有太多的逻辑意义。我已将其修改为可用的工作版 here 你的代码最大的问题是你在保存和检索值时试图循环遍历sessionStorage,当你应该做的只是创建键/值对数据并使用键名访问数据时已创建。

  3. 了解sessionStorage here