如何一次性清除所有Local Storage属性？降低维护成本

当然可以一次性移除所有LocalStorage属性，完全不用逐个删除！你之前试的localStorage = null其实是无效的——因为localStorage是浏览器提供的只读全局对象，把它赋值为null只是覆盖了当前作用域里的变量引用，根本不会清除存储在浏览器里的实际数据。

针对你的表单场景，最省心的方案是使用localStorage.clear()方法：

// 表单提交成功后调用这个方法
function afterFormSubmit() {
  localStorage.clear();
  // 这里可以加些提示或者跳转逻辑
}

这个方法会一键清空当前域名下所有的LocalStorage数据，不管后续新增多少表单字段，你都不用修改这段清除代码，完美解决可维护性的问题。

如果你的网站里还有其他非表单相关的LocalStorage数据不想被清除，那可以给表单字段的存储key加统一前缀（比如form_），然后通过遍历删除匹配的key：

function clearFormStorageOnly() {
  // 倒序遍历避免删除key时索引混乱
  for (let i = localStorage.length - 1; i >= 0; i--) {
    const key = localStorage.key(i);
    if (key.startsWith('form_')) {
      localStorage.removeItem(key);
    }
  }
}

这样既能精准清除表单相关数据，又不用逐个新增字段就改代码，灵活性更高。

内容的提问来源于stack exchange，提问作者Andross