当使用本地存储的getItem和setItem时,有时会出现以下问题:
问题:数据没有被正确存储
原因:在setItem时没有将数据转换成字符串类型
示例:
// 存储 localStorage.setItem('age', 18);
// 读取 console.log(localStorage.getItem('age')); // 输出:null
// 存储 localStorage.setItem('age', JSON.stringify(18));
// 读取 console.log(JSON.parse(localStorage.getItem('age'))); // 输出:18
问题:存储的数据被覆盖
原因:在setItem时使用了相同的键
示例:
// 存储 localStorage.setItem('name', 'Lucy'); localStorage.setItem('name', 'Tom');
// 读取 console.log(localStorage.getItem('name')); // 输出:Tom
// 存储 localStorage.setItem('name', 'Lucy'); localStorage.setItem('newName', 'Tom');
// 读取 console.log(localStorage.getItem('name')); // 输出:Lucy console.log(localStorage.getItem('newName')); // 输出:Tom
以上是使用本地存储时容易出现的问题以及对应的解决方法。
上一篇:本地存储更新数量
下一篇:本地存储购物车返回空值。