设置本地存储值 - JavaScript

在 JavaScript 中，我们可以通过 localStorage 对象来存储和获取数据。

设置本地存储值

要设置本地存储值，我们可以使用 localStorage.setItem() 方法。这个方法接收两个参数，第一个是存储键名，第二个是存储值。

例如，我们要将用户名存储在本地存储中：

localStorage.setItem('username', 'John');

这样就将键名为 username 的值设置为 John。

获取本地存储值

要获取本地存储值，我们可以使用 localStorage.getItem() 方法。这个方法接收一个参数，就是要获取的键名。返回值就是存储的值。

例如，我们要获取之前存储的用户名：

const username = localStorage.getItem('username');

这样就将键名为 username 的值获取到了，并且赋值给了 username 变量。

删除本地存储值

要删除本地存储值，我们可以使用 localStorage.removeItem() 方法。这个方法接收一个参数，就是要删除的键名。

例如，我们要删除之前存储的用户名：

localStorage.removeItem('username');

这样就将键名为 username 的值删除了。

清空本地存储

如果我们要清空所有本地存储的值，可以使用 localStorage.clear() 方法。

例如：

localStorage.clear();

这样就清空了所有的本地存储值。

小结

通过以上方法，我们可以轻松地设置、获取、删除本地存储中的值。当然，本地存储还有很多其他的用途，例如用于本地持久化数据等。在使用时，需要注意存储的数据类型以及键名的设置，以免造成数据的错误或冲突。