JS中存储数据到LocalStorage为何有时用JSON.stringify有时不用？

localStorage 的核心限制是仅能存储字符串类型数据，这就是两种存储方式存在差异的根本原因：

• 无需JSON.stringify的场景（对应Codepen第11行）
  当你要存储的内容本身就是字符串（比如用户输入的用户名、普通文本），直接调用localStorage.setItem()即可。因为字符串存入后不会被篡改，取出时仍是原字符串，完全满足需求。比如存用户名：

  localStorage.setItem('name', '张三');
  // 取出时直接用 localStorage.getItem('name') 就能得到 "张三"
  

• 必须使用JSON.stringify的场景（对应Codepen第26行）
  当你要存储的是对象、数组这类复杂数据类型时，必须先用JSON.stringify()把数据转为JSON格式的字符串。如果直接存对象，JS会自动把它转为"[object Object]"这种无意义的字符串，取出后根本无法还原成原数据结构。比如存储用户信息对象：

  const userInfo = { name: '张三', age: 25 };
  localStorage.setItem('user', JSON.stringify(userInfo));
  // 取出时用 JSON.parse(localStorage.getItem('user')) 就能恢复原对象
  

简单来说：存字符串直接存，存复杂数据要转成JSON字符串再存，这样才能保证数据结构不丢失。

内容的提问来源于stack exchange，提问作者saddysad