JavaScript JSON使用原理及注意事项


Posted in Javascript onJuly 30, 2020

环境

  • vscode 1.46
  • Microsoft Edge 83

概念

JSON 是一种按照JavaScript对象语法的数据格式,这是 Douglas Crockford 推广的。

虽然它是基于 JavaScript 语法,但它独立于 JavaScript,这也是为什么许多程序环境能够读取(解读)和生成 JSON。

JSON可以作为一个对象或者字符串存在,前者用于解读 JSON 中的数据,后者用于通过网络传输 JSON 数据。

JavaScript 提供一个全局的 可访问的 JSON 对象来对这两种数据进行转换。

JSON 结构

{
 "squadName" : "Super hero squad",
 "homeTown" : "Metro City",
 "formed" : 2016,
 "secretBase" : "Super tower",
 "active" : true,
 "members" : [
  {
   "name" : "Molecule Man",
   "age" : 29,
   "secretIdentity" : "Dan Jukes",
   "powers" : [
    "Radiation resistance",
    "Turning tiny",
    "Radiation blast"
   ]
  },
  {
   "name" : "Madame Uppercut",
   "age" : 39,
   "secretIdentity" : "Jane Wilson",
   "powers" : [
    "Million tonne punch",
    "Damage resistance",
    "Superhuman reflexes"
   ]
  },
  {
   "name" : "Eternal Flame",
   "age" : 1000000,
   "secretIdentity" : "Unknown",
   "powers" : [
    "Immortality",
    "Heat Immunity",
    "Inferno",
    "Teleportation",
    "Interdimensional travel"
   ]
  }
 ]
}

JSON 数组

[
 {
  "name" : "Molecule Man",
  "age" : 29,
  "secretIdentity" : "Dan Jukes",
  "powers" : [
   "Radiation resistance",
   "Turning tiny",
   "Radiation blast"
  ]
 },
 {
  "name" : "Madame Uppercut",
  "age" : 39,
  "secretIdentity" : "Jane Wilson",
  "powers" : [
   "Million tonne punch",
   "Damage resistance",
   "Superhuman reflexes"
  ]
 }
]

其他注意事项

  • JSON 是一种纯数据格式,它只包含属性,没有方法。
  • JSON 要求有两头的 { } 来使其合法。最安全的写法是有两边的括号,而不是一边。
  • 甚至一个错位的逗号或分号就可以导致 JSON 文件出错。您应该小心的检查您想使用的数据(虽然计算机生成的 JSON 很少出错,只要生成程序正常工作)。您可以通过像 JSONLint 的应用程序来检验 JSON。
  • JSON 可以将任何标准合法的 JSON 数据格式化保存,不只是数组和对象。比如,一个单一的字符串或者数字可以是合法的 JSON 对象。虽然不是特别有用处……
  • 不像 JavaScript 标识符可以用作属性,在 JSON 中,只有字符串才能用作属性。

对象和文本间的转换

可以使用 JSON.stringify 和 JSON.parse 来进行对象和文本间的转换。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
$()JS小技巧
Jul 21 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 Javascript
每天一篇javascript学习小结(基础知识)
Nov 10 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
React Hooks 实现和由来以及解决的问题详解
Jan 17 Javascript
vue el-upload上传文件的示例代码
Dec 21 Vue.js
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 #Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 #Javascript
如何用JS模拟实现数组的map方法
Jul 30 #Javascript
Vue性能优化的方法
Jul 30 #Javascript
vue props default Array或是Object的正确写法说明
Jul 30 #Javascript
Vue props中Object和Array设置默认值操作
Jul 30 #Javascript
vue prop传值类型检验方式
Jul 30 #Javascript
You might like
apache rewrite_module模块使用教程
2008/01/10 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
Thinkphp 框架扩展之类库扩展操作详解
2020/04/23 PHP
javascript中callee与caller的用法和应用场景
2010/12/08 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
全面解析Bootstrap弹窗的实现方法
2015/12/01 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
python微信好友数据分析详解
2018/11/19 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
python做接口测试的必要性
2019/11/20 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
为什么python比较流行
2020/06/19 Python
降低python版本的操作方法
2020/09/11 Python
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
Ajax主要包含了哪些技术
2014/06/12 面试题
电子专业求职信
2014/06/19 职场文书
贵阳市党的群众路线教育实践活动党(工)委领导班子整改方案
2014/10/26 职场文书
先进班集体申报材料
2014/12/26 职场文书
电子商务专业求职信范文
2015/03/19 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python