Javascript——JSON 格式与浏览器缓存

• 了解JSON格式

  JSON 格式是一种固定的字符串格式
  由于在网络传输过程中，只能传递字符串格式，对象、数组数据类型无法直接传递，所以需要转换为字符串格式，而JSON格式正好满足对象、数组数据类型转换为字符串数据类型的格式

• JSON格式的语法规范

  • 对象中的 键值对（key：value） 只能使用双引号包裹，不能使用其他引号；数值、布尔值不需要加引号
  • 数组中有多个对象或数据时，使用逗号分割
  • JSON格式中，只能使用 {} [] "" , ;这五种符号
  • 转换为JSON格式时，函数会被自动过滤掉，所以转为JS格式后赋值给另一个对象后，将获得一个没有函数的新对象
  • JSON格式是一种 String 数据类型

• JSON 格式与 JS格式之间的转换

  • 将JSON格式转换为JS格式的对象或数组

    语法：JSON.parse(需要转换为对象或数组格式的字符串)
    返回值：JS格式的对象或数组

  • 将JS格式的对象或数组转换为JSON格式

  语法：JSON.parse(需要转换为JSON格式的对象或数组)
  返回值：JSON格式的字符串

• 外部独立JSON文件：文件以.json为后缀，并且文件内只能按JSON格式规范书写

• 了解浏览器的本地缓存

  • 将一些数据存储在浏览器缓存中，缓存只能存储字符串数据类型，其他类型需要转换为JSON格式存储
  • 永久缓存（只能手动删除）：localStorage
  • 临时缓存（浏览器关闭就丢失）：sessionStorage

• 浏览器缓存的操作语法

  • 添加缓存数据

  localStorage.setItem('key','value')
  sessionStorage.setItem('key','value')

  • 获取缓存数据

  localStorage.getItem('key')
  sessionStorage.getItem('key’)

  • 删除缓存数据

  localStorage.removetem('key')
  sessionStorage.removetem('key’)

  • 清除缓存数据

  localStorage.clear()
  sessionStorage.clear()