localstorage 对象有哪些 API？ - 前端面试题

LocalStorage 是 Web Storage API 的一部分，它允许网页在用户浏览器本地存储数据。下面是 LocalStorage 对象常用的 API 方法：

setItem(key, value): 该方法用于在 LocalStorage 中存储数据。它接收两个参数，key（键）表示存储数据的名称，而 value（值）则是实际存储的数据。例如：

javascript
localStorage.setItem('username', 'JohnDoe');

getItem(key): 通过 key（键）检索存储在 LocalStorage 中的值。如果指定的键不存在，它将返回 null。例如：

javascript
let userName = localStorage.getItem('username');
console.log(userName); // 输出: JohnDoe

removeItem(key): 删除 LocalStorage 中的指定 key（键）的数据。例如：

javascript
localStorage.removeItem('username');

clear(): 清除 LocalStorage 中的所有数据。例如：

javascript
localStorage.clear();

length: 一个只读属性，返回 LocalStorage 中的数据项数。例如：

javascript
let numberOfItems = localStorage.length;
console.log(numberOfItems);

key(index): 根据索引来获取 LocalStorage 中的键。索引从 0 开始。如果索引超出了范围，将返回 null。例如：

javascript
let firstKeyName = localStorage.key(0);
console.log(firstKeyName);

LocalStorage 的数据会以字符串的形式存储，即使你存储的是数字或是对象。如果需要存储对象，通常会使用 JSON.stringify 方法将对象转换为字符串格式存储，检索时再用 JSON.parse 方法将字符串转换回对象。例如：

javascript
let user = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(user));

let retrievedUser = JSON.parse(localStorage.getItem('user'));
console.log(retrievedUser); // 输出: { name: 'John', age: 30 }

以上就是 LocalStorage 对象的主要 API。需要注意的是，虽然 LocalStorage 提供了方便的本地存储机制，但它并不适合存储敏感信息，因为这些信息是以明文形式存储的，且没有到期时间，容易受到跨站脚本（XSS）攻击的影响。