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实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 Javascript
Jquery Uploadify上传带进度条的简单实例
Feb 12 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
javascript的push使用指南
Dec 05 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
Aug 24 Javascript
10道典型的JavaScript面试题
Mar 22 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
Mar 22 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
JavaScript html5 canvas实现图片上画超链接
Oct 20 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 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如何透过ODBC来存取数据库
2006/10/09 PHP
jQuery MD5加密实现代码
2010/03/15 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
如何实现移动端浏览器不显示 pc 端的广告
2015/10/15 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
微信小程序实现图片放大预览功能
2020/10/22 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
Vue记住滚动条和实现下拉加载的完美方法
2020/07/31 Javascript
在Python中使用Neo4j数据库的教程
2015/04/16 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python 描述符(Descriptor)入门
2016/11/20 Python
用matplotlib画等高线图详解
2017/12/14 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
python 线程的五个状态
2020/09/22 Python
详解Anaconda 的安装教程
2020/09/23 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
美国折扣网站:jClub
2017/08/07 全球购物
Europcar西班牙:全球汽车租赁领域的领导者
2018/09/17 全球购物
销售团队激励口号
2014/06/06 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
反对四风问题自我剖析材料
2014/09/29 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python