cookie和localStorage存进去的是字符串类型 怎么在localStorage中存入对象 JSON.string() JSON.parse()

70 阅读1分钟

cookie和localStorage存进去的是字符串类型

localStorage中存入对象

定义一个对象

  const obj = {
        username: "zhangsan",
        age: 18,
        sex: "male",
      };

把对象转成JSON格式的字符串才能存入localStorage const objString = JSON.stringify(obj);

把转好的字符串存入localStorage

"属性名" = 属性值 和cookie一样,属性名需要自己写, localStorage.setItem("obj", objString);

读取

console.log(localStorage.getItem("obj"));

对象存进去,读取出来的还是JSON格式的字符串的形式 ,只是看着像对象 现在不能打点调用 我们如果只要其中的某一项, 需要先把读取出来的转成对象JSON.parse()

  `const objSting = localStorage.getItem("obj");`
  
  `OOBJ = JSON.parse(objSting);`
  

现在打印出来就是一个对象 console.log(OOBJ);

现在可以用对象打点的方式取出每一项了

 ` console.log(OOBJ.age, OOBJ.sex, OOBJ.username);`

删除localStoragelocalStorage.removeItem("obj");

或者用cleaar()全删localStorage.clear();