如何从javascript中的localstorage中删除一个条目？答案

【问题标题】：How to remove an entry from localstorage in javascript?如何从javascript中的localstorage中删除一个条目？
【发布时间】：2018-07-11 15:26:50
【问题描述】：

我将一些数据存储在我的 Javascript 文件中的 localstorage 中。我想在详细信息网格上创建一个删除按钮，允许我删除单个项目。我需要先识别出选中项的key，然后使用localStorage.removeItem(key)方法删除该项。但我的方法似乎不起作用。

这是在我的工厂里：

removeItem: function (data) {
    var prefixLength = prefix.length;
    Object.keys(localStorage)
        .forEach(function (key) {
            if (key.substring(0, prefixLength) == data) {
                var item = window.localStorage[key];                            
                localStorage.removeItem(key);
            }
        });
},

然后我在我的 controller.js 中调用它：

 $scope.remove = function () {
            expService.removeItem($scope.expense);
        },

我的按钮是：

<button type="button"class="btn btn-sm btn-danger pull-right" id="remove" ng-click="remove()">
    <span class="glyphicons glyphicons-bin"></span>
</button></div>

【问题讨论】：

你得到了什么？
您遇到了什么错误？
我点击了按钮，没有任何反应......该项目没有被删除
你尝试调试了吗？
这不会从存储中删除特定项目。例如，我想在单击按钮时删除特定项目。

标签： javascript html angularjs local-storage

【解决方案1】：

我没有看到错误，但做起来很简单

<button type="button"class="btn btn-sm btn-danger pull-right" id="remove" ng-click="remove(expense)">
                    <span class="glyphicons glyphicons-bin"></span>
                </button>

和js

 $scope.remove = function (itemTodelete) {
             localStorage.removeItem(itemTodelete);
        },

【讨论】：

我认为 removeItem 函数一定有问题......因为它不起作用而且我没有看到任何错误
你运行了我的函数吗？如果是这样，您可以通过 localStorage.getItem(itemTodelete); 测试它是否有效；
是的，我使用了您的更改，但仍然无法正常工作:(
你怎么知道它不起作用？你用调试检查吗？您在控制台中看到任何错误吗？您也可以通过 chrome 浏览器选项卡检查本地存储...您正在测试什么浏览器

【解决方案2】：

localStorage.removeItem('itemTodelete');
localStorage.remove('itemTodelete'); or
localStorage.clear();

【讨论】：

【解决方案3】：

就我而言，我必须在单击按钮时删除本地存储数据。以下是我实现这一目标的方法。

<button onclick="deleteFavorite('Id or name what you set as key')"> Delete </button>


 function deleteFavorite(Id){
                     localStorage.removeItem(Id);
                }

请注意，您可以使用 javascript 将 id 动态添加到函数中，并且您必须重新加载页面以查看该项目是否被删除。

【讨论】：