美文网首页
loclstorage 存储和取值

loclstorage 存储和取值

作者: 旭先生 | 来源:发表于2021-06-09 11:19 被阅读0次

    这个问题在工作中遇到不止一次 所以觉得还是有必要记录一下子

    我们在对某些数据进行存储的 都会使用loclstorage.setItem(key,value)

    但是要注意的是 进行春存储的值都是字符串存储的,也就是你loclstorage.getItem(key) 的结果 如果用typeof去console.log()一下会发现 结果是 string

    但是很多时候我们需要存储用户信息,是这样的 userInfo = {name:‘1111’,age:‘12’,...}

    所以去getItem取值之后 回发现 userInfo.name 是结果是undefined

    因为它是以字符串存储的 所以取值的时候要这么取

    const userInfo = JSON.parse(localStorage.getItem('userInfo'))

    如果 这么取值const userInfo = localStorage.getItem('userInfo'),那么 userInfo.name 的结果将永远是undefined

    注意避坑,注意避坑~

    补充一下 存的时候 如果是对象记得 loclstorage.setItem(key,JSON.stringify(value))

    如有问题,欢迎指正和补充。。。。。。。

    相关文章

      网友评论

          本文标题:loclstorage 存储和取值

          本文链接:https://www.haomeiwen.com/subject/gcqeeltx.html