javascript - 如何从 localStorage 数组中删除项目？

Question

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

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

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

<button onclick="remove()">Remove</button>

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