localStorage的用法小记

参考链接
1.## 普通用法,存储基本类型的数据,比如,数组,字符串和数值

const arr = [1,2,3]
//通过localStorage的setItem方法,第一个参数传入要设置的localStorage的名称,第二个参数传入要存储的数据
localStorage.setItem('arr',arr)
//通过localStorage的getItem方法,传入要查询的localStorage的名称
console.log(localStorage.getItem('arr'))
//推荐下面这种获取方法,避免了查询不存在的存储返回null
console.log(localStorage.getItem('arr') || '[]')

2…很多时候我们需要存储的是复杂的数据类型.比如数组或对象,这时如果通过和传入普通数组一样的方式是会出现错误的.例如:
如果我们想存储复杂数据类型,可以通过JSON.stringify和JSON.parse的转换来实现

const arr = [{name:'张三',age:20},{name:'李四',age:25},{name:'王五',age:30}]
//将数组先转化为字符串
localStorage.setItem("userInfo",JSON.stringify(arr))	
//再将字符串转化为数组对象,这样就可以将数组正确存储
console.log(JSON.parse(localStorage.getItem('userInfo')))	

你可能感兴趣的