LocalStorage 语法 - JavaScript

什么是 LocalStorage？

LocalStorage 是一种可以让 JavaScript 存储数据的 API。它是 HTML5 在 Web Storage API 中的一部分。与 Cookie 相比，LocalStorage 更加安全和高效。最重要的是，LocalStorage 的存储容量比 Cookie 大得多。

LocalStorage 的使用

存储数据

要存储数据，使用 localStorage.setItem() 方法：

localStorage.setItem('key', 'value');

这段代码将在浏览器中存储键值对 "key": "value"。key 是用于以后检索值的字符串。

获取数据

要获取数据，使用 localStorage.getItem() 方法：

const value = localStorage.getItem('key');

这段代码将返回存储在 key 位置的值。如果该键不存在，将返回 null。

删除数据

要删除数据，使用 localStorage.removeItem() 方法：

localStorage.removeItem('key');

这段代码将删除存储在 key 位置的值。

清除所有数据

要清除所有数据，使用 localStorage.clear() 方法：

localStorage.clear();

这段代码将删除所有存储在 localStorage 中的数据。

总结

LocalStorage API 是一种用于存储和检索数据的 API。它比 Cookie 更加安全和高效，并且具有更大的存储容量。使用这些简单的方法，您可以存储、检索、删除和清除数据。