HTML | DOM 存储 removeItem() 方法

在浏览器中，我们可以使用 HTML5 提供的 Web Storage API 对浏览器的数据进行存储。其中，localStorage 和 sessionStorage 是两种常见的存储方式，两者的区别在于数据的存储周期不同。

在使用 Web Storage 进行数据存储时，我们可以使用 removeItem() 方法来删除指定的 key-value 对。下面将介绍该方法的使用。

语法

localStorage.removeItem(key);

或者

sessionStorage.removeItem(key);

参数

• key：需要删除的 key 值，类型为 string。

返回值

无返回值。

示例

删除 localStorage 中的某个 key-value 对

// 设置 localStorage
localStorage.setItem("name", "Tom");
localStorage.setItem("age", "18");

// 删除 localStorage 中的 name 属性
localStorage.removeItem("name");

// 输出删除后的 localStorage 中的值
console.log(localStorage.getItem("name")); // null
console.log(localStorage.getItem("age"));  // 18

删除 sessionStorage 中的某个 key-value 对

// 设置 sessionStorage
sessionStorage.setItem("name", "Tom");
sessionStorage.setItem("age", "18");

// 删除 sessionStorage 中的 name 属性
sessionStorage.removeItem("name");

// 输出删除后的 sessionStorage 中的值
console.log(sessionStorage.getItem("name")); // null
console.log(sessionStorage.getItem("age"));  // 18

总之，无论是 localStorage 还是 sessionStorage，删除指定的 key-value 对都是非常方便的。在实际的开发中，我们通常使用 removeItem() 方法来清空某些数据，以便下次使用时重新设置。