JavaScript 中 LocalStorage 赋值、取值及删除操作全解析

在JavaScript中，`localStorage` 是一个在浏览器端存储数据的 API，它允许你将数据以键值对的形式存储在用户的本地存储中，即使在页面关闭后数据也不会丢失。 以下是`localStorage`的基本用法： 1. 设置值（赋值）： ```javascript // 设置键值对 localStorage.setItem('myKey', 'myValue'); // 使用JSON.stringify()将对象转换为字符串，因为localStorage只能存储字符串 localStorage.setItem('myObject', JSON.stringify({ name: 'John', age: 30 })); // 如果键已存在，会覆盖原有的值 localStorage.setItem('myKey', 'newValue'); ``` 2. 获取值： ```javascript // 通过键获取值 var myValue = localStorage.getItem('myKey'); console.log(myValue); // 输出：'myValue' 或 'newValue' // 获取对象 var myObject = JSON.parse(localStorage.getItem('myObject')); console.log(myObject); // 输出：{ name: 'John', age: 30 } ``` 3. 删除值： ```javascript // 删除特定键的值 localStorage.removeItem('myKey'); // 删除所有键值对 localStorage.clear(); ``` 注意：`localStorage` 和 `sessionStorage` 都是同源策略下的，只能在同域下访问。由于数据存储在客户端，因此敏感信息不建议使用此方式存储。 ######[AI写代码神器 | 301点数解答 | 2024-05-06 19:35:43]