有没有办法从本地存储中切换某些内容？

Question

我想要一个按钮，可以在 localStorage 中切换某些内容（单击一次，就会向 localStorage 添加一些内容，再次单击，某些内容就会从 localStorage 中消失）。我想做类似下面代码的操作，但是切换“状态”而不是永久设置它。

  function setStatus(statusName) {
    localStorage.setItem('status', statusName);
    document.documentElement.className = statusName;
  }

  (function () {
    if (localStorage.getItem('status')) {
      setStatus(localStorage.getItem('status'))
    }

这是我在不相关的事情中使用过的代码，我知道它是有效的。但是，这只是设置状态，而不是切换状态。我想知道是否有办法修改该代码以使其实现。

Answer 1

也许使用 Storage.removeItem()？

function toggleItem(item, value) {
  if (localStorage.getItem(item)) {
    localStorage.removeItem(item);
  } else {
    localStorage.setItem(item, value);
  }
}

满足您的要求吗？