JSON.stringify和 JSON.parse的用法 在localStorage中存入和读取对象 的方法

103 阅读1分钟

JSON.parse()把 json格式的字符串转成了对象

JSON.stringify,就把对象转成了json格式的字符串

在localStorage中存入和读取对象 的方法

<script>
  //先定义一个对象
  const obj = {
    username: "zhangsan",
    age: 18,
    sex: "male",
  };
  //   localStorage只能传字符串,所以需要把要存的对象转字符串
  //   **用了JSON.stringify,就把对象转成了json格式的字符串,只是转出来的看着像对象形式**
   objString = JSON.stringify(obj);
  // 现在可以存储localstorage了
  localStorage.setItem("obj", objString);
  //   用open with liveserver打开浏览器,看application就可以看到存储成功了
//   读取localstorage
objString = localStorage.getItem("obj")
  //   要读取localstorage,因为存入的是字符串,不能打点调用,所以需要先把字符串解析成对象
  obj = JSON.parse(objString); /* 现在转出来了 */
//  JSON.parse()把 json格式的字符串转成了对象,可以 直接打点调用了
  console.log(obj.username);
 
</script>