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 02 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
跟我学习javascript的循环
Nov 18 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
js实现砖头在页面拖拉效果
Nov 20 Javascript
node.js中express-session配置项详解
May 31 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
Nov 12 Javascript
详解Vue 的异常处理机制
Nov 30 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
php简单的会话类代码
2011/08/08 PHP
php中\r \r\n \t的区别示例介绍
2014/02/08 PHP
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
JavaScript调用后台的三种方法实例
2013/10/17 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
2013/12/16 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
2014/06/23 Javascript
javascript arguments使用示例
2014/12/16 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
js判断登陆用户名及密码是否为空的简单实例
2016/05/16 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
vue中SPA单页面应用程序详解
2017/11/07 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
解决vue-cli项目打包出现空白页和路径错误的问题
2018/09/04 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
python算法学习之基数排序实例
2013/12/18 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
Python学习笔记之解析json的方法分析
2017/04/21 Python
python去除扩展名的实例讲解
2018/04/23 Python
python 对给定可迭代集合统计出现频率,并排序的方法
2018/10/18 Python
pygame实现俄罗斯方块游戏(AI篇2)
2019/10/29 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
彻底解决Python包下载慢问题
2020/11/15 Python
python 实用工具状态机transitions
2020/11/21 Python
css3实现3D色子翻转特效
2014/12/23 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
农民致富事迹材料
2014/01/23 职场文书
课程设计感想范文
2015/08/11 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
详解JS ES6编码规范
2021/05/07 Javascript