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 相关文章推荐
jQuery 判断元素上是否绑定了事件
Oct 28 Javascript
JavaScript实现简单的数字倒计时
May 15 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
Vue自定义指令介绍(2)
Dec 08 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
JavaScript实现图片放大镜效果
Jun 27 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
js 根据对象数组中的属性进行排序实现代码
Sep 12 Javascript
微信小程序手动添加收货地址省市区联动
May 18 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 Javascript
解决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
php 高性能书写
2010/12/11 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
php简单中奖算法(实例)
2017/08/15 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
JavaScript this 深入理解
2009/07/30 Javascript
jquery绑定原理 简单解析与实现代码分享
2011/09/06 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
Javascript防止图片拉伸的自适应处理方法
2017/12/26 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
Javascript执行流程细节原理解析
2020/05/14 Javascript
jQuery AJAX应用实例总结
2020/05/19 jQuery
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
python实现邮件循环自动发件功能
2020/09/11 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
公司综合部的成员自我评价分享
2013/11/05 职场文书
银行财务部实习生的自我鉴定
2013/11/27 职场文书
学前教育毕业生自荐信范文
2013/12/24 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
一句话工作感言
2014/03/01 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
2014年庆祝国庆65周年演讲稿
2014/09/21 职场文书
个人工作决心书
2015/09/22 职场文书
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS