如何从 localStorage 数组中删除项目？答案

【问题标题】：How to remove item from localStorage array?如何从 localStorage 数组中删除项目？
【发布时间】：2020-05-05 12:45:47
【问题描述】：

我有一个存储在 localStorage 中的数组。单击按钮时，我希望删除数组中的项目并再次保存到 localStorage。这就是我的意思。

var greetings = ["Hello", "Hi", "Sup", "Hey"]
localStorage.setItem("greetings", JSON.stringify(greetings))

function remove() {
  //remove "hi" How do I do this?
}

&lt;button onclick="remove()"&gt;Remove&lt;/button&gt;

【问题讨论】：

您需要使用 localStorage.getItem('greetings') 从数组中获取项目，然后您需要使用 JSON.parse(array) 解析字符串。然后你需要过滤掉你喜欢的字符串：array.filter(item => item !== 'Hello') 最后更新本地存储：localStorage.setItem("greetings", JSON.stringify(updatedArray))
这能回答你的问题吗？ Remove array item from localstorage
所以问题是......我如何从数组中删除一个项目......比如"Hi" from ["Hello", "Hi", "Sup", "Hey"]？ ...顺便说一句...它应该区分大小写吗？
从数组中删除一个项目在How to remove item from array by value?中进行了介绍

标签： javascript html arrays local-storage

【解决方案1】：

您需要使用 localStorage.getItem('greetings') 从数组中获取项目，然后需要使用 JSON.parse(array) 解析字符串，因为 localstorage 项目始终是字符串。然后你需要过滤掉你喜欢的字符串：array.filter(item => item !== 'Hello') 最后更新本地存储：localStorage.setItem("greetings", JSON.stringify(updatedArray)

const greetings = ["Hello", "Hi", "Sup", "Hey"];
localStorage.setItem("greetings", JSON.stringify(greetings));

function remove() {
 const greetings = JSON.parse(localStorage.getItem("greetings"));
 const filtered = greetings.filter(item => item !== 'Hello');
 localStorage.setItem("greetings", JSON.stringify(filtered));
}

【讨论】：

【解决方案2】：

我想你想要这个。 Click here 希望它能起作用，否则会有所帮助。enter code here

【讨论】：

nope ...您的示例将失败，例如var greetings = ["Hello", "Hi", "Hi", "Sup", "Hey"];
...该代码也只是意外地工作，因为greetings.splice(i,i); 和var greetings = ["Hello", "Hi", "Hi", "Hi", "Sup", "Hey"]; ...i 幸运的是恰好有值1 ...实际上你想写@ 987654329@? ...其次是i--;，后者解决了问题。
好吧，我明白了。现在看看这个codepen.io/Shbham07/pen/ZEbadQp
是的，我现在在代码中做了同样的事情...... :) 只需减少迭代次数。
为了满足 OP 的“完成的定义”，唯一剩下的想法是再次从存储中取出项目，将其转换为数组，处理数组并再次存储它的字符串化版本.