乐趣区

关于前端学习:JavascriptJSON-格式与浏览器缓存

  • 理解 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()
退出移动版